首页前端开发JavaScript怎样禁止html页面滚动

怎样禁止html页面滚动

时间2024-01-29 19:08:03发布访客分类JavaScript浏览622
导读:收集整理的这篇文章主要介绍了怎样禁止html页面滚动,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以通过将body元素的style属性的值设置为“overflow:hidden”来禁止页面滚动,具体语法“<body...
收集整理的这篇文章主要介绍了怎样禁止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页面滚动的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html中怎样在图片上添加文字下一篇:html5 input有新属性吗猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 怎样禁止html页面滚动
本文地址: https://pptw.com/jishu/591480.html
html怎么设置上边距 html5 input有新属性吗

游客 回复需填写必要信息