TML页面禁止滚动效果如何设置

时间2024-03-28 17:50:03发布访客分类其他前端知识浏览1270

导读：这篇文章给大家介绍了“TML页面禁止滚动效果如何设置”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“TML页面禁止滚动效果如何设置”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。...

这篇文章给大家介绍了“TML页面禁止滚动效果如何设置”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“TML页面禁止滚动效果如何设置”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。

在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、刷新之后可以看到，已经不显示滚动条，界面就禁止滚动了

感谢各位的阅读，以上就是“TML页面禁止滚动效果如何设置”的内容了，通过以上内容的阐述，相信大家对TML页面禁止滚动效果如何设置已经有了进一步的了解，如果想要了解更多相关的内容，欢迎关注网络，网络将为大家推送更多相关知识点的文章。

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

html5