多语言展示
当前在线:763今日阅读:138今日分享:34

怎么禁止整个页面滚动

页面滚动:滚动条使我们在制作页面中经常使用的一些属性,但在某些打开页面中是不需要滚动条的,那怎样设置可以禁用滚动条可以在body中增加一个属性  style='overflow:hidden'
工具/原料
1

电脑

2

vs软件,html页面

方法/步骤
1

首先新建一个index.html页面,来模拟演示下

2

在body中预制大量数据,方便显示滚动条

3

在浏览器中打开可以看到纵向的滚动条

4

在html页面的body中增加一个样式控制 style='overflow:hidden',增加之后保存

5

在浏览器中刷新之前展示的界面

6

刷新之后可以看到,已经不显示滚动条,界面就禁止滚动了

注意事项
1

还有一种就是父界面足够大,所有元素的宽高都不超过父界面也不会显示滚动

2

如果不行body中增加 style='overflow:hidden'是比较好用的

推荐信息