[英]Prevent Page Scrolling
我正在使用jQuery mobile开发移动应用程序,我遇到以下问题:
我有一个菜单里面有一个带有垂直滚动的div。 一旦滚动到达容器的底部,它就开始滚动页面本身,这不是我想要的。 有没有办法防止这种行为? 我的意思是,允许滚动菜单的滚动直到底部,当它发生时,当我在菜单上滚动时拒绝页面滚动?
更新:
这是一个具有相同问题的原始示例 - http://jsfiddle.net/Wg8pk/ 。
如果向下滚动“菜单选项”,菜单到达结尾时将向下滚动页面。
如何在滚动的元素上调用event.preventDefault()
:
$('#my-scroll-div').bind('touchmove', function (event) {
event.preventDefault();
});
我不确定哪个事件会更好地绑定但是touchmove
似乎会起作用。 如果您设置了代码的jsfiddle,我们可以提供更好的建议。
您需要使菜单具有固定的高度,然后使用css来防止溢出。 用户overflow:hidden;
应该工作
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.