防止页面滚动，但允许具有溢出滚动的元素滚动JQM

Question

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

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

我已经尝试过类似的操作，但是显然这阻止了scrollable元素响应touchmove事件。

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

Answer 1

试试这种方法：

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

尚未测试，但应该开始寻找正确的方法来做自己想要的事情。