首頁 > css样式 > css 禁止页面上下滑动

css 禁止页面上下滑动

要在CSS中阻止页面上下滑动,可以使用overflow属性。如果你想要在整个页面上禁用滑动,可以将这个属性添加到body选择器中。

body {
  overflow: hidden;
}


这将隐藏页面的滚动条,并禁止用户滑动页面。如果你只想在特定的时间内禁止滑动,可以在JavaScript中动态地添加或移除这个样式。

// 禁用滑动
document.body.style.overflow = 'hidden';
 
// 稍后启用滑动(例如,在某个事件发生后)
document.body.style.overflow = '';

相关资讯
最新资讯
IT兄弟 IT兄弟-是一家分享开发中常遇到的技术问题解决方案,也是站长们记录技术分享文章的平台。 琼ICP备2022012332号