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

您现在的位置是：群英 > 开发技术 > web开发

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

Admin发表于 2022-04-28 17:44:21950 次浏览

这篇文章给大家介绍了“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页面禁止滚动效果如何设置已经有了进一步的了解，如果想要了解更多相关的内容，欢迎关注群英网络，群英网络将为大家推送更多相关知识点的文章。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

推荐内容

热门关键词

热门信息