Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios MobileSafari中的bug是否有一个解决方法:按比例缩放会导致随机滚动阻塞?_Ios_Css_Scroll_Mobile Safari_Pinchzoom - Fatal编程技术网

Ios MobileSafari中的bug是否有一个解决方法:按比例缩放会导致随机滚动阻塞?

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中有一个图像:

<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允许在缩放时滚动文本区域框(例如)。