欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html5 怎么禁止滚动

程序员文章站 2022-03-05 09:09:23
...

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动?

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动

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

html5 怎么禁止滚动

推荐学习:《HTML视频教程

以上就是html5 怎么禁止滚动的详细内容,更多请关注其它相关文章!

相关标签: html5