84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
没有找到Vue2.0滚动条插件,我想用JS实现滚动条,在网上找到了几个滚动条实现的JS插件。求问哪位大神自己手动写过滚动条代码吗?或者有相关的博客吗?不需要代码,只需要说个基本的实现思路就OK了
认证高级PHP讲师
首先结构
<p class="wrapper">//包裹 <p class="content"> //内容 </p> </p>
css就不讲了,我们需要根据内容的高度计算出 滚动条的高度,然后就是保证在滚动事件触发后内容元素和滚动条的运动。为了兼容 你需要考虑 mousewheel 和 touch 事件,基本上就这么多吧。
好久之前写了一个,可以将就看一下链接描述
1.不使用js做浮动 对象样式position:fixed。但没有悬浮效果。 2.对象js做浮动,对象样式absolute 。对对象绑定scroll事件,判断对象位置于窗口顶部距离,可以用scrollTop做移动。好多这类方法,可以从网上找找看
jc滚动条插件
自己写的,可以用,有问题可以再沟通
首先结构
css就不讲了,我们需要根据内容的高度计算出 滚动条的高度,然后就是保证在滚动事件触发后内容元素和滚动条的运动。
为了兼容 你需要考虑 mousewheel 和 touch 事件,基本上就这么多吧。
好久之前写了一个,可以将就看一下链接描述
1.不使用js做浮动 对象样式position:fixed。但没有悬浮效果。
2.对象js做浮动,对象样式absolute 。对对象绑定scroll事件,判断对象位置于窗口顶部距离,可以用scrollTop做移动。好多这类方法,可以从网上找找看
jc滚动条插件
自己写的,可以用,有问题可以再沟通