禁用 iOS Overscroll 但允许正文滚动答案

【问题标题】：Disable iOS Overscroll but allow body scrolling禁用 iOS Overscroll 但允许正文滚动
【发布时间】：2012-05-19 18:49:39
【问题描述】：

我想在 web 应用中禁用 iOS 过度滚动，但仍允许滚动正文。

$(document).on('touchmove', function(e) {
    e.preventDefault();
});

完全禁用滚动（正如人们所期望的那样）。

有没有办法做我想做的事？

【问题讨论】：

这是一个相关问题的答案，尽管它也涵盖了这个问题，stackoverflow.com/questions/2890361/…。
我找到了解决这个问题的脚本！ :) github.com/lazd/iNoBounce

标签： javascript jquery html ios web-applications

【解决方案1】：

我几乎拥有same issue。这应该可以帮助您：

// Disable overscroll / viewport moving on everything but scrollable divs
 $('body').on('touchmove', function (e) {
         if (!$('.scrollable').has($(e.target)).length) e.preventDefault();
 });

【讨论】：

一个挑战是，如果您一直滚动到顶部或底部，您仍然可以过度滚动整个页面！

【解决方案2】：

document.body.addEventListener('touchmove',function(e){
     if(!$(e.target).hasClass("scrollable")) {
       e.preventDefault();
     }
 });

试试这个我刚通过谷歌进入的

【讨论】：

是的，所以我将可滚动类添加到正文（因为这是我希望能够滚动的内容），但它仍然使正文不可滚动（并删除过度滚动）