JS模拟简易滚动条

JS模拟简易滚动条

主要用到的几个事件

onmousedown 鼠标按下时获取需要操作的div及所需的数据

onmousemove 鼠标移动时改变小滑块的距顶部的距离

onmouseup 鼠标弹起时释放事件以免发生冲突

效果图如下

JS模拟简易滚动条_第1张图片

具体代码如下





模拟简易滚动条




1
2
3
4
5
6

手动改改样式就可以变成漂亮的滚动条

你可能感兴趣的:(JS模拟简易滚动条)