怎样禁止html页面滚动

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

怎样禁止html页面滚动

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

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

html禁止页面滚动的方法:

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

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

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

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

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

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

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

以上就是怎样禁止html页面滚动的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:H5有哪些清空画布方法
下一篇:详解node中的包和包管理工具

发表评论

关闭广告
关闭广告