Javascript 阻止页面滚动,但允许具有溢出滚动的元素滚动JQM
我在jquerymobile中有一个页面,我想防止页面滚动,但允许用户滚动页面上设置为滚动的溢出元素。应该注意的是,我之所以需要这样做,是因为页面长度会略有不同,在某些不同的设备上会超过100%Javascript 阻止页面滚动,但允许具有溢出滚动的元素滚动JQM,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,我在jquerymobile中有一个页面,我想防止页面滚动,但允许用户滚动页面上设置为滚动的溢出元素。应该注意的是,我之所以需要这样做,是因为页面长度会略有不同,在某些不同的设备上会超过100% <div data-role="page" id="noscroll> <div data-role="content"> <div class="scrollable"> </div> </div
<div data-role="page" id="noscroll>
<div data-role="content">
<div class="scrollable">
</div>
</div>
</div>
尝试这种方法:
$('*:not(.scrollable)').on('scroll touchmove', function(e){
e.preventDefault();
});
未经测试,但应该是找到正确方法做您想做的事情的开始。并且可能会有所帮助
$('*:not(.scrollable)').on('scroll touchmove', function(e){
e.preventDefault();
});