zoukankan      html  css  js  c++  java
  • html关于强制显示、隐藏浏览器的滚动条

    通过观察和调试,发现是该页面的垂直高度未溢出,

    无法调用出垂直滚动条,

    从而导致相对于其他页面居中时相差几个像素距离,

    使得页面效果不够友好。

    解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。

    相关css 代码如下:

    //强制显示滚动条:

    html { overflow: scroll; }

    //强制隐藏滚动条:

    html { overflow: hidden; }

    //隐藏IE的水平滚动条:

    html { overflow-x: hidden; }

    //隐藏IE的垂直滚动条:

    html { overflow-y: hidden; }

    //强制显示IE的水平滚动条:

    html { overflow-x: scroll; }

    //强制显示IE的垂直滚动条:

    html { overflow-y: scroll; }

    //强制显示Mozilla的水平滚动条:

    html { overflow:-moz-scrollbars-horizontal; }

    //注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

    //强制显示Mozilla的垂直滚动条:

    html { overflow:-moz-scrollbars-vertical; }

    //注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

    相关资料:

  • 相关阅读:
    杂记-2
    2019CSP-S游记
    csp2020
    特征根法小记
    csp模拟赛低级错误及反思
    备份
    黑科技——树剖两次dfs转一次dfs!
    输出天干地支
    蓝桥0531-输出Y
    蓝桥0615-判断四位数字前后两组是否相等
  • 原文地址:https://www.cnblogs.com/code81/p/4120173.html
Copyright © 2011-2022 走看看