在Mobile Safari中是否有针对错误的解决方法:捏缩放导致随机滚动阻塞?

时间:2015-02-09 12:11:49

标签: 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>

除了iOS上的 (8.1.3)之外,它可以按预期运行,当我用手指放大时,DIV会停止正确滚动

仍然可以滚动到某一点,但我 t无法查看整个图像,除非它几乎没有缩放。

我已经尝试了数百种固定,绝对和&amp;组合的组合在身体,div和图像上的相对定位,以及溢出的各种组合:固定等。它们都不起作用。

如果我删除&#34; -webkit-overflow-scrolling:touch; &#34;,问题就会消失,但滚动会失去动力并变得痛苦。

滚动行为似乎很随机。有时您可以向上滚动,有时不向上滚动。 问题似乎来自视口滚动和图像滚动之间的冲突。

我在tech.ozake.com发布了一个简单的例子。

当放大图像时,有没有办法让图像平滑滚动?

[2017年5月23日更新] 这可能会在下一版Mobile Safari中修复:news.ycombinator.com

0 个答案:

没有答案