jQuery鼠标滚动时间轴
jQuery 的鼠标滚动时间轴,交互性挺强,做历史回顾或项目展示顺手。你只要掌握几个点:像scroll
事件监听、scrollTop
定位内容区间、.animate()
搞定平滑滚动,再配合一个数据结构,整个体验就蛮流畅。页面结构上,时间轴就一堆啥的,样式用点
position: absolute
或flex
就行。节流、防抖别忘了,加上响应式,性能和兼容性也能顾得上。如果你要做内容量大的时间轴,建议先看看[这段代码](https://kaledl.com/down/5179330.html),或者[这个年份切换的插件](https://kaledl.com/down/5400611.html),都挺实用的。
下载地址
用户评论