【问题标题】:orientation bug with -webkit-overflow-scrolling : touch-webkit-overflow-scrolling 的方向错误:触摸
【发布时间】:2012-07-18 01:28:04
【问题描述】:

我一直在玩 -webkit-overflow-scrolling:touch;有一段时间,我随机遇到以下问题:

我只需要滚动顶部/底部(宽度是固定的),但有时用户需要左右滚动到 触发垂直滚动。

换句话说,用户必须水平滚动才能使容器垂直滚动。

同样它是随机的,有时它只是有效。
我已经检查了滚动中子元素的所有相对位置。
有什么想法吗?

【问题讨论】:

    标签: css ios5 webkit scroll mobile-safari


    【解决方案1】:

    我还有一个永不损坏的滚动条,通过查看其中的 html,我意识到如果您应用 -webkit-overflow-scrolling:touch;在 ul 元素中它永远不会中断。

    曾经破坏的卷轴里面有很多元素,我所要做的就是让 ul 元素分别可滚动。

    干杯

    【讨论】:

      【解决方案2】:

      遇到了同样的问题,一直在苦苦挣扎,直到我这样做:

      overflow-y: scroll 更改为overflow: scroll。我现在已经加载了将近 20 次页面,还没有遇到左/右上/下的怪异现象。

      【讨论】:

      • 我已经尝试过这种方法并没有解决我的问题......您使用的 html 看起来如何?
      • 好吧,这似乎只是一个小故障。它现在 100% 的时间都在做这个错误。我需要弄清楚我是否还有其他更改...恐怕搜索仍在继续。
      • 很有趣,很高兴知道隐藏可见性问题的身体......上面的解决方案解决了我的问题,现在 100% 的时间得到正确的滚动方向......希望它有帮助跨度>
      【解决方案3】:

      我正在开发一个使用多个 iframe 的复杂 Web 应用程序。我有一个 window.setInterval 设置,它从隐藏的 iframe 中删除本机滚动并将其添加到可见的 iframe。这很好用,除了我遇到了同样的问题,我必须向左/向右滑动才能向上滚动。我注意到如果您打开或单击不同的浏览器选项卡,然后单击返回它会自行修复。在将原生滚动应用到可见 iframe 之后,我们通过添加以下 jQuery 来解决我们的问题:

      $(window).height($(window).height());
      

      我认为这必须强制重新绘制,类似于单击不同的选项卡然后单击返回。希望这对处于类似情况的人有所帮助!

      【讨论】:

        【解决方案4】:

        正如 Graygilmore 在 cmets 中所述。这对我有用:

        // 注意 2019-04-09:[引用的链接已删除]

        确保可滚动区域的父元素没有可见性:隐藏或显示:无。

        【讨论】:

        • 链接失效了
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2015-03-12
        • 1970-01-01
        • 1970-01-01
        • 2012-02-04
        • 2014-09-27
        • 2013-07-09
        • 2016-01-28
        相关资源
        最近更新 更多