滑块模拟滚动条滚动可是区域

因为设计图的需要所以不能用浏览器滚动条,需要自己用滑块模拟滚动条.. 在这个地方我遇到了一些坑,总结一下

1. 如果是自适应的滚动条 记住 必须是坐标以百分比来规定。

2.百分比的计算 需要知道 鼠标的位置 和滑块的位置 他俩去计算一个差值这个差值就是滑块滑动的位置

3. 接着需要知道滑动条的具体宽度 然后讲起差值除以具体的宽度这样就得到了一个小数 这个小数就是百分比×100%然后赋值给left

4.接着就是调整根据滑块在滑动条的位置比例去计算显示需要滚动的元素

5. 计算一个差值:   需要知道滚动的可视区域和需要滚动的元素具体总宽度 。总宽度-可视区域宽度=差值

6.差值×计算出的百分比 就是自适应的滑块。。


猜你喜欢

转载自blog.csdn.net/z1455841095/article/details/80659063