手写滚动条(仅完成鼠标滚动事件,不包含拖动滚动的功能)
最近看到别人项目中的导航栏和页面内容的滚动分离,单独生效的滚动条,正好最近不忙就研究了一下,实现的方法比较LOW(简单粗暴),就是监听鼠标位置,计算是非在允许滚动的范围,在执行计算,根据滚动的上下,就算出相应的比例,给要滚动的内容价格top属性的值。
直接提供一段可以直接运行的代码,实现方法。实际应用需要自己修改样式,这个的动画效果都没做,最好是滚动时滚动条显示 停止滚动滚动条消失,也能不让别人发现这个滚动条不能托转, 需要添加拖拽事件也很简单,方法例有监听鼠标的方法,就是需要自己计算位置重新赋值。
原创
2020-12-12 10:21:55 ·
284 阅读 ·
0 评论