阻止页面滚动但允许带溢出滚动的元素滚动JQM

时间:2015-04-23 12:04:24

标签: javascript jquery html css jquery-mobile

我在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 个答案:

答案 0 :(得分:0)

尝试这种方法:

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

没有经过测试,但应该是找到正确方法去做你想要的事情。