Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 阻止页面滚动,但允许具有溢出滚动的元素滚动JQM_Javascript_Jquery_Html_Css_Jquery Mobile - Fatal编程技术网

Javascript 阻止页面滚动,但允许具有溢出滚动的元素滚动JQM

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

我在jquerymobile中有一个页面,我想防止页面滚动,但允许用户滚动页面上设置为滚动的溢出元素。应该注意的是,我之所以需要这样做,是因为页面长度会略有不同,在某些不同的设备上会超过100%

<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();
});