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

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

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

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

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

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

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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值