首页 > 电脑专区 > 电脑教程 >

如何让网页不显示滚动条

来源:互联网 2023-02-21 17:55:03 版权归原作者所有,如有侵权,请联系我们

有时候开发网页的时候,并不需要这个滚动条,那么怎么去掉这2个滚动条呢?1bC办公区 - 实用经验教程分享!

如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

方法/步骤

  • 1

    看看横向滚动条,在屏幕最下侧的位置。1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 2

    怎么去掉最下侧的这个导航条呢?1bC办公区 - 实用经验教程分享!

    我们在/body>之前加上这条html代码:1bC办公区 - 实用经验教程分享!

    body style="overflow:-Scroll;overflow-x:hidden">1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 3

    保存代码,刷新页面看看最下侧的左右滚动条是不是去掉了呢,刷新以后最下侧的滚动条的确已经不在了。1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 4

    来看竖滚动条.在屏幕最右侧的位置。1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 5

    我们在/body>之前加上这条html代码:1bC办公区 - 实用经验教程分享!

    body style="overflow:-Scroll;overflow-y:hidden" > 1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 5相关内容未经许可获取自百度经验
  • 6

    保存代码,刷新页面看看最右侧的滚动条是不是去掉了呢,刷新以后最右侧的滚动条的确已经不在了。1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

  • 7

    在视觉上解决了这个问题.,垂直滚动根据内容自适应缺点:由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域.1bC办公区 - 实用经验教程分享!

    如何让网页不显示滚动条?1bC办公区 - 实用经验教程分享!

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


    标签: 操作系统网页滚动

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