您的位置:首页 > 技术中心 > 前端框架 >

html5 怎么禁止滚动

时间:2022-02-11 17:17

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

本文操作环境: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 怎么禁止滚动的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游