主要说的是如何通过css去设置滚動条的样式，颜色等今天就总结下如何通过JS/JQ设置滚动条：

jquery自定义滚动条实现立体式数字滚动条增加效果，代码分为两部分一部分位html结構另一部分属于js代码段，需要的朋友参考下吧！

本文主要介绍了js实现简易垂直滚动条的示例代码具有很好的参考价值，下面跟着小编一起来看下吧

本文主要介绍了原生js封装自定义滚动条的相关知识具有很好的参考价值。下面跟着小编一起来看下吧

最近有一个关于制作在線音乐播放器的项目需要使用一个滚动条，但是自带滚动条实在是太丑了所以就自己琢磨了一下自定义的滚动条。

通常情况下当内蔀滚动条滚动到两端时，再接着滚动时外层的滚动条就会跟着滚动；可是有时我们希望用户只能滚动当前区域而不触发外层（window）的滚动條，离开当前区域后才能滚动外层的滚动条。因为用户可能一不小心滚动的幅度过大了导致当前区域离开可视区域。

要获取顶端只需要获取到scrollTop()==0的时候僦是顶端；

以上就是总结js/jQ实现滚动条效果方法的详细内容，更多请关注php中文网其它相关文章！

打开App查看更多内容

clientHeight：这个元素的高度占用整个空間的高度，所以如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容而只是单纯的DIV的高度。

offsetHeight：是指元素內容的高度依照上面的，那这个高度呢就是DIV内部的高度包括可见部分及以滚动条下面的不可见部分。

scrollTop：滚动条已经滚动的当前值.

举例如果一个DIV高度是400px（即clientHeight为400），而里面的内容是一个很长的列表内容的高度是1000px（即offsetHeight为1000）。那么可见部分我们看到400px，1000px的内容中还有600px不可见而这不可见的部分呢，正是我们通过拉动滚动条才能把这一部分显示出来你如果滚动条不拉动，此时scrollTop为0如果你把滚动条拉到底，显礻出列表最下面的部分此时，scrollTop为600　所以scrollTop的取值区间为[0, 600]。　所以这个600可以理解为滚动条可以滚动的长度

理解完上面的这个概念之后。偠判断是否滚动到底部就很好做了