滚动条

滚动条基本设置：https://www.cnblogs.com/blosaa/p/9238127.html

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

        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
::-webkit-scrollbar-thumb:hover {/*hover上去的效果*/
background-color: #333
}

::-webkit-scrollbar-thumb:active {/*点击拖动的效果*/
background-color: #333

}

滚动条样式：http://www.jq22.com/webqd3500 （注意：width和height设置是横向和纵向）

滚动条挤压布局，暂时解决方法：https://www.cnblogs.com/weihuan/p/11681831.html

这个施实失败，但说的很有道理：https://www.douban.com/note/548331665/

 

JQ监听滚动

$("#chanxian").scroll(function (event) {
        $("#day").scrollLeft($(this).scrollLeft());
        $("#liaol").scrollTop($(this).scrollTop());
    });

#chanxian是主，#day和#liaol是从

div模拟滚动条：https://www.cnblogs.com/carriezhao/p/11164413.html