• 技术文章 >web前端 >html教程

    怎样禁止html页面滚动

    长期闲置长期闲置2021-11-09 14:53:05原创79

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

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

    html禁止页面滚动的方法:

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

    1109.20.png

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

    1109.21.png

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

    1109.22.png

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

    1109.23.png

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

    1109.24.png

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

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

    以上就是怎样禁止html页面滚动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html5
    上一篇:html5 input有新属性吗 下一篇:html中怎样在图片上添加文字
    大前端线上培训班

    相关文章推荐

    • html怎么设置上边距• html5 input有新属性吗• html dom方法是什么?有什么用?• html的中文含义是什么• css作用和html的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网