防止页面滚动但允许溢出滚动的元素滚动 JQM答案

【问题标题】：Prevent page scroll but allow element with overflow scroll to scroll JQM防止页面滚动但允许溢出滚动的元素滚动 JQM
【发布时间】：2015-04-23 12:04:23
【问题描述】：

我在 jquery mobile 中有一个页面，我想防止页面滚动，但允许用户滚动页面上设置为滚动的溢出元素。应该注意，我需要这个的原因是因为页面长度会略有不同，在某些不同的设备上超过 100%。

<div data-role="page" id="noscroll>
    <div data-role="content">
         <div class="scrollable">
         </div>
    </div>
</div>

我已经尝试过类似的方法，但显然这会阻止可滚动元素响应 touchmove 事件。

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

【问题讨论】：

【解决方案1】：

试试这种方法：

$('*:not(.scrollable)').on('scroll touchmove', function(e){
    e.preventDefault();
});

未经测试，但应该是找到正确方法来做你想做的事情的开始。

【讨论】：