原生JavaScript实现滚动条效果_javascript技巧

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

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

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

希望本文所述对大家学习javascript程序设计有所帮助。