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

Question

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

Answer 1

一般不做特殊处理。
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样式*/ }

Answer 2

滚动条是可以通过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;
}

Answer 3

一般不做处理，除非产品、甲方提需求