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


猜你喜欢
- 响应式Web之流式网格系统 2024-01-06
- JS前端广告拦截实现原理解析 2024-03-09
- js实现ajax分页完整实例 2022-12-28
- idea中的new里没有Vue Component 2023-10-08
- 微信小程序单选框自定义赋值 2023-12-24
- JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法 2023-12-23
- css 半透明 让IE6支持png图片半透明解决方法 2024-01-04
- 解析使用useDark(),发现transition 动画失效 2023-07-09
- JavaScript实现为input与textarea自定义hover,focus效果的方法 2024-02-05
- 获取IE浏览器Cookie信息的方法 2024-03-01