管理系统一般怎么处理滚动条

遇到一个很纠结的问题,一般整个页面和Table组件需不需要显示滚动条呢,如果不显示滚动条的话,领导说了如果鼠标滚轮是坏的,怎么滚动页面,table也是。但是如果一直显示滚动条,感觉秀难看,table带滚动条,页面也带滚动条。

阅读 211
评论
    2 个回答
    • 2.1k

    一般不做特殊处理。
    windows系统都是自带滚动条的。
    Mac的触控板那么强大,鼠标坏了就让它坏了呗。

    一定要有滚动条,就自定义样式,写一个好看的,稍微透明的就行。

    ::-webkit-scrollbar-track-piece {
        background-color: #fff;
        opacity: 0.5;
    }
    ::-webkit-scrollbar {
        width: 1px;
        height: 1px;
    }
    ::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/ }
    ::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/}
    ::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/ }

      滚动条是可以通过css控制进行隐藏的,这样页面既不会显示滚动条,也不影响功能
      示例
      使用CSS属性以及溢出实现下面一个实例——隐藏水平滚动条,同时允许垂直滚动条:

      .demo::-webkit-scrollbar {
        display: none; /* Chrome Safari */
      }
      
      .demo {
        scrollbar-width: none; /* firefox */
        -ms-overflow-style: none; /* IE 10+ */
        overflow-x: hidden;
        overflow-y: auto;
      }
      
        撰写回答

        登录后参与交流、获取后续更新提醒