首页 >web前端 >前端问答 >html5 怎么禁止滚动

html5 怎么禁止滚动

藏色散人
藏色散人原创
2021-11-10 14:20:572592浏览

html5禁止滚动的方法:1、新建一个index.html页面;2、在html页面的body中增加一个样式控制“style="overflow:hidden"”即可。

html5 怎么禁止滚动

本文操作环境:windows7系统、HTML5版、DELL G3电脑

html5 怎么禁止滚动?

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

84170ea269b0b50b23bce49279a5110.png

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

750a2976d89f6dcbb85a15f8690fbe0.png

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

347fbdb0a8cc28a5992fa2e917cbf1a.png

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

3498d751ec03a0b1ce52bdbd43a2d19.png

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

d5f953ae8be471ac444e973a1887f2f.png

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

1cc21e4bd4b842d5b2bc3f532ef8fc1.png

推荐学习:《HTML视频教程

以上是html5 怎么禁止滚动的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn