基于原生JS很简洁的自定义滚动条组件

hscroll

一款基于原生的js自定义滚动条组件,并且兼容低版本浏览器。兼容IE8 考虑到低版本浏览器无法使用伪元素等方式来进行调整滚动条样式,所以需要用原生的js来开发一款兼容低版本浏览器的区域性组件。 另外还有一个jquery版本,命名为hscroll-jquery.js. 工作原理

 4个区域,固定高度的显示区,不固定高度的内容区,滚动条容器区,滚动条

使用方法

 实例化构造函数,并传入四个区域的id值 HScroll('sec01','sec02','sec03','sec04');  query版本传参  HScroll('#sec01','#sec02','#sec03','#sec04'); 最终效果

 

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。