防止頁面滾動，但允許具有溢出滾動的元素滾動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();
});

尚未測試，但應該開始尋找正確的方法來做自己想要的事情。