首页 > 软件开发 > HTML >

怎么禁止整个页面滚动

来源:互联网 2023-03-16 19:13:41 242

页面滚动:滚动条使我们在制作页面中经常使用的一些属性,但在某些打开页面中是不需要滚动条的,那怎样设置可以禁用滚动条MzH办公区 - 实用经验教程分享!

可以在body中增加一个属性style="overflow:hidden"MzH办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • vs软件,html页面

方法/步骤

  • 1

    首先新建一个index.html页面,来模拟演示下MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 2

    在body中预制大量数据,方便显示滚动条MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 3

    在浏览器中打开可以看到纵向的滚动条MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 4

    在html页面的body中增加一个样式控制style="overflow:hidden",增加之后保存MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 4此文章非法爬取自百度经验
  • 5

    在浏览器中刷新之前展示的界面MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 6

    刷新之后可以看到,已经不显示滚动条,界面就禁止滚动了MzH办公区 - 实用经验教程分享!

    怎么禁止整个页面滚动MzH办公区 - 实用经验教程分享!

  • 注意事项

    • 还有一种就是父界面足够大,所有元素的宽高都不超过父界面也不会显示滚动
    • 如果不行body中增加 style="overflow:hidden"是比较好用的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!MzH办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码