禁用iOS Safari中的弹性滚动

时间:2015-06-24 08:20:42

标签: html ios css responsive-design mobile-safari

我正在尝试禁用从iOS Safari页面顶部向下拉时引起的弹性滚动/反弹,反之亦然。

我已经尝试了一种技术,我已经看到人们已经说了很多作品,但到目前为止还没有为我工作:

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;

    #ios-scroll-wrapper {
        overflow: auto OR scroll;
    }
}

iOS Safari上现在无法禁用此功能吗?因为我在屏幕顶部有一个固定的标题/导航并向下拉页面导致弹性滚动要么将所有内容从标题中拉下来或者使用上面的修复它会拉动它,这非常烦人内容向下,标题将消失。

编辑:就像仅供参考,这个页面/网站没有使用PhoneGap,到目前为止我看过的很多解决方案都使用PhoneGap。

1 个答案:

答案 0 :(得分:-1)

试试这个:

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

Css-tricks

所述