首页 > 软件开发 > HTML >

如何让滚动条不占位置

来源:互联网 2023-03-16 19:10:14 158

如何让滚动条不占位置的方法dyj办公区 - 实用经验教程分享!

如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

工具/原料

  • Windows10系统
  • Myeclipse2017IDE 开发环境

方法/步骤

  • 1

    首先打开我们的编辑工具 如图所示dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 2

    新建一个web项目 如图所示 创建HTML文件和css文件即可dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 3

    如图所示 是css代码 这里是将body的宽度设置为百分之百 然后显示滚动条 设置透明度dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 3本页面未经授权抓取自百度经验
  • 4

    这里是HTML文件 引入css文件 然后设置的div (div是用来高度的哦)dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 5

    然后右键单击项目 选择Run As --》Myeclipse Server Application选项 运行项目dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 6

    为了显示明显 我这里截得是中间的图片 可以看到内容在滚动条下面也有显示 滚动条没有占据位置了 鼠标离开滚动条是隐藏的哦 就像手机浏览器一样dyj办公区 - 实用经验教程分享!

    如何让滚动条不占位置dyj办公区 - 实用经验教程分享!

  • 注意事项

    • 这个方法在Myeclipse和IE浏览器测试有用,其他的浏览器不支持
    • 如果你在其他环境下测试成功 欢迎指点

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


    标签: HTML

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