摘要:
滚动条模拟实在基本JS拖拽基础上的加深。滚动条需要做的是1.滚动条的拖拽,以及内容滚动高度的改变。2.上下按钮点击效果以及内容高度改变。3.鼠标滚轮在内容中滚动时内容高度改变,以及滚动条的高度改变。我把这种模拟滚动条分成两类,一类是内容属性为overflow:hidden的,重点在于上文所说的第三点,如果是hidden属性的话,滚轮在页面内容里滚动是不会触发onscroll事件的,需要给鼠标滚轮绑定事件,而鼠标滚轮事件在IE中是onmousewheel,在DOM中是DOMMouseScroll,后者还需要addEventListener来添加,非常的麻烦,这里第二种更加简单易于理解的方法。第二 阅读全文