页面有如下div
<div id="content"></div>
给该div绑定如下事件
$('#content').bind('mousewheel',function(event) {
if (!event) event = window.event;
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
return false;
});
这时,鼠标在该div区域滚动时,页面不会滚动。
参考资料:请教控制滚动 div 的同时不滚动页面, 当 div 滚动到底部时同样不滚动页面!
网友评论