【问题标题】:iOS Safari Vertical Scrolling Feels Sticky (With No Momentum)iOS Safari 垂直滚动感觉很粘(没有动力)
【发布时间】:2013-09-30 15:47:49
【问题描述】:

我在网页上的 iOS Safari 中遇到垂直滚动问题:在滚动时,页面移动速度非常慢,阻力很大(iOS 浏览器不常见这种行为)

我尝试定位问题:

<!-- piece of HTML listing -->
<body>
    <div id="wrapper">
          (here goes some content)
    </div>
</body>

我在div#wrapperoverflow-x:hidden; 规则中检测到问题,将其更改为“溢出:隐藏;”或在网页调试面板中动态删除。

有没有机会在不改变页面布局的情况下修复它?

在 Safari / iOS 6.1.4 和 7(iPad 和 iPhone)以及 OS X 上的 iOS 模拟器中重复。

【问题讨论】:

标签: ios safari scroll overflow


【解决方案1】:

您可以尝试将 webkit 特定的 css 行添加到您的 div:

#wrapper{
    -webkit-overflow-scrolling: touch;
}

在此处阅读有关动力和 ios 滚动的更多信息:http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-10-01
  • 2021-11-13
  • 2013-01-23
  • 2011-12-06
  • 1970-01-01
相关资源
最近更新 更多