有哪些方法可以实现html页面禁止滚动,下面编程教程网小编给大家简单介绍一下!
最简单的方法是利用css语法中的overflow
属性:
auto - 如果内容溢出,浏览器自动给元素添加滚动条。
visible - 如果内容溢出,浏览器会让溢出的内容显示在元素外面。
hidden - 如果内容溢出,浏览器会将溢出的内容隐藏。
scroll - 如果内容溢出,浏览器始终显示滚动条。
inherit - 取自父元素的值。
示列如下:
body{
width:100%;
height:100%;
overflow:hidden;
}
以上是编程学习网小编为您介绍的“html如何实现页面禁止滚动”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:html如何实现页面禁止滚动


基础教程推荐
猜你喜欢
- ASP.NET获取不到JS设置cookies的解决方法 2024-01-29
- 用JS实现选项卡 2023-12-28
- Webpack devServer中的 proxy 实现跨域的解决 2024-03-09
- 自己实现string的substring方法 人民币小写转大写,数字反转,正则优化 2024-02-07
- html中相对位置与绝对位置的具体使用 2022-09-21
- JS错误之:Uncaught ReferenceError: $ is not defined 2022-12-12
- Vue.js从入门到精通第一天 2023-10-08
- javascript利用canvas实现鼠标拖拽功能 2023-12-01
- 关于javascript模块加载技术的一些思考 2023-12-01
- IE7 float:left左浮动失效的解决方法 2024-01-25