原生JavaScript实现滚动条效果

前端之家收集整理的这篇文章主要介绍了原生JavaScript实现滚动条效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲解原生JavaScript实现滚动条效果的相关代码分享给大家供大家参考,具体内容如下

原理是对滑动条块进行监听,按下鼠标按键后,监听鼠标移动,然后根据滑动条块移动的百分比算出滚动区域的滚动程度,用marginLeft进行滚动,具体的写在注释里。

整体弄成了一个对象,防止各种乱七八糟的数据污染全局变量。另外,对象内部调用函数也都写到了对象构造函数的里面,由于对象作用域链的原理,外部无法进行调用,防止不小心在外部调用

Blank Page for Rich Text Editing