2015-04-23 182 views
0

我有一個jquery移動頁面,我想阻止頁面滾動,但允許用戶滾動溢出設置滾動頁面上的元素。應該注意的是,我需要這個的原因是因爲頁面長度會略有不同,在一些不同的設備上超過100%。防止頁面滾動,但允許元素與溢出滾動滾動JQM

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

我試過類似這樣的東西,但顯然這可以防止滾動的元素響應touchmove事件。

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

** [This link](http://stackoverflow.com/questions/15132630/how-to-prevent-document-scrolling-but-allow-scrolling-inside-div-elements-on-web)**和** [此鏈接](http://stackoverflow.com/questions/9280258/prevent-body-scrolling-but-allow-overlay-滾動)**可能會有所幫助 –

回答

0

嘗試這種類型的方法:

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

未經測試,但應該是找到正確的方式做你想做的一個開始。