小编use*_*029的帖子

放大时在 iPhone 6+、iPad 3 上使用 Safari 滚动 div

似乎在 iPhone 6+ 和 iPad 3(到目前为止我测试过的设备会重现问题)上,当页面放大时滚动 div 存在问题。

当第一次加载具有以下基本内容的页面时,div 滚动没有问题。

再生产

  • 将页面放大一点,使比例大于 1.0。这似乎经常完全或大部分情况下“禁用”div 的滚动。页面本身滚动或“弹跳”。
  • 缩小到 1.0 比例并再次滚动。

这个问题可能有点不一致,有时在放大并围绕滚动触摸/移动/缩放页面时会起作用,但不可靠。只有缩小才能重置它,以便 div 可以一致地滚动而不会出现问题。

这似乎无法在 iPhone 6+、iPad 3、iPhone 4(Chrome 和 Safari)以及几款 Android 手机 (Chrome) 上使用 Chrome 重现。

有人遇到过这个问题和/或知道如何解决吗?或者我错过了什么?

任何信息或帮助表示赞赏。

#outer {
        border: 1px solid #000;
        width: 100px;
        height: 100px;
        overflow: auto;
        /*
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        */
    }

    #inner {
        width: 100px;
        background-color: cornflowerblue;
    }

    p { margin: 0; }
Run Code Online (Sandbox Code Playgroud)
<div id="outer">
        <div id="inner">
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p>
            <p>test</p> …
Run Code Online (Sandbox Code Playgroud)

safari scroll ios ipad-3 iphone-6-plus

5
推荐指数
0
解决办法
2260
查看次数

标签 统计

ios ×1

ipad-3 ×1

iphone-6-plus ×1

safari ×1

scroll ×1