Ios MobileSafari中的bug是否有一个解决方法:按比例缩放会导致随机滚动阻塞?
我在滚动div中有一个图像:Ios MobileSafari中的bug是否有一个解决方法:按比例缩放会导致随机滚动阻塞?,ios,css,scroll,mobile-safari,pinchzoom,Ios,Css,Scroll,Mobile Safari,Pinchzoom,我在滚动div中有一个图像: <div style=" width:600px;height:400px; overflow:scroll; position:relative; top:0;left:0; -webkit-overflow-scrolling: touch;"> <img src=image.jpg width=2000 height=2000> </div> 它在任何地方都能正常工作,
<div style="
width:600px;height:400px;
overflow:scroll;
position:relative;
top:0;left:0;
-webkit-overflow-scrolling: touch;">
<img src=image.jpg width=2000 height=2000>
</div>
它在任何地方都能正常工作,除了iOS上的(8.1.3),当我用手指放大时,DIV停止正确滚动
人们仍然可以滚动到某个点,但我不可能查看整个图像,除非它几乎没有缩放
我在身体、div和图像上尝试了数百种固定、绝对和相对定位组合,也尝试了各种溢出组合:固定等。都不起作用
如果我删除“-webkit overflow scrolling:touch;”,问题就会消失,但滚动会失去动力并变得痛苦
滚动行为似乎相当随机。有时可以向上滚动,有时不能问题似乎来自视口滚动和图像滚动之间的冲突。
我在上贴了一个简单的例子
放大图像时,有没有办法使图像平滑滚动?
[2017年5月23日更新]这可能在下一版本的Mobile Safari中得到修复:。此问题类似于:和1。我已经尝试删除-webkit溢出滚动:触摸-现在它根本不滚动。。。2.仅供参考-我这样计算缩放级别:window.screen.width/window.innerWidth-当缩放>1.5时,滚动功能会中断,我认为这是一个错误。如果没有,他们可能已经实现了它,以保持滚动平滑(不必计算要滚动的巨大图像)。我想这只是狩猎中的一只虫子。当您在iOS中进行缩放时,将创建一个比实际窗口小的虚拟视口。滚动事件会在整个页面上移动较小的虚拟视口,因此无法再滚动页面上的单独元素。这就好像当你按下缩放按钮时,页面的内容被冻结了一样。要尝试的一件事是使图像成为文本字段后面的背景图像。大概iOS允许在缩放时滚动文本区域框(例如)。