改变滚动条样式 / 支持滚动,单隐藏滚动条

**** 请先给盒子设置 overflow: auto ****

改变滚动条样式

#left::-webkit-scrollbar {/*滚动条整体样式*/

    width: 4px;    /*高宽分别对应横竖滚动条的尺寸*/

}

#left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #535353;

}

#left::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 10px;

    background: #EDEDED;

}

#left::-webkit-scrollbar,#right::-webkit-scrollbar{

  width: 0;

  display:none;

}

支持滚动,但隐藏滚动条

#left::-webkit-scrollbar{ width: 0; display:none;}


多个DIV 横向排列

https://blog.csdn.net/u011500781/article/details/78814862


改变滚动条样式 / 支持滚动,单隐藏滚动条_第1张图片

你可能感兴趣的:(改变滚动条样式 / 支持滚动,单隐藏滚动条)