禁用滚动可以通过以下几种方式实现:
overflow
属性设置为hidden
,或者将position
属性设置为fixed
,这样页面就无法滚动了。body {
overflow: hidden;
}
// 使用addEventListener方法监听滚动事件
window.addEventListener('scroll', function(event) {
// 阻止默认行为
event.preventDefault();
}, { passive: false });
scrollTop
方法来禁用滚动。// 禁用滚动
$('html, body').css({
overflow: 'hidden',
height: '100%'
});
// 启用滚动
$('html, body').css({
overflow: 'auto',
height: 'auto'
});
以上是禁用滚动的几种常见方法,根据具体的需求和项目环境选择适合的方法即可。
领取专属 10元无门槛券
手把手带您无忧上云