怎样禁止html页面滚动

在html中,可以通过将body元素的style属性的值设置为“overflow:hidden”来禁止页面滚动,具体语法“<body style=overflow:hidden>..</body>”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html禁止页面滚动的方法

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

1109.20.png

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

1109.21.png

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

1109.22.png

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

1109.23.png

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

1109.24.png

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

1109.25.png

更多编程相关知识,请访问:编程视频!!

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些