水平自定义滚动条原理分析【1】

2019独角兽企业重金招聘Python工程师标准>>>

1、得到需要滚动显示的内容的实际宽度，并赋值给内容的直接父容器，给整个自定义滚动条的内容区域设定溢出隐藏。

2、鼠标拖动必定产生不同的水平坐标，2个不同时刻的水平坐标之差就是位移，滑块在位移前的位置加上位移值，就是它当前应该所处的位置：

照上图实例，滑块所处位置应该就是：（613-558+72）px；

3、得到滑块当前所处的位置和滑块最大水平位置之比，要求内容区域滚动和滑块滚动相同的比例。于是便形成了滑块和内容的同步滚动

转载于:https://my.oschina.net/710409599/blog/310740