图像在容器内缩放,将图像对齐到中心时滚动部分丢失反应

问题描述

当我尝试在固定尺寸的容器中缩放图像(以获取缩放效果)并将该容器作为flex容器以在中心显示缩放的图像时,滚动会部分丢失。我不能再滚动到最左边和最上面。

我用React获得了一个演示:https://codesandbox.io/s/react-image-zoom-cfe88?file=/src/App.js

如果我删除了可以使用的柔韧性样式,但缩放比例未居中,则可以判断图像是从左上角缩放的。

我应该改为进行CSS转换吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...