ScrollTo 锚记滚动
简介
我们经常看到在页面点击一个按钮可以在当页平滑移动,本函数工具可实现点对点的平滑移动,也可以直接返回顶部。
axScrollTo
完整写法:axScrollTo(elem, options={}),可简写axScrollTo(elem),参数说明如下:
- elem:锚记节点,可以填"#id"、".className"、"div"等原生选择器以及Dom对象,如果为数字则会滚动到指定数值位置(距parent顶)
- options.parent:父节点,可以填"#id"、".className"、"div"等原生选择器以及Dom对象,如果为空则为window
- options.duration:持续时长,单位毫秒,如果为空则根据距离自动创建
- options.offset:目标元素离顶部的距离,数字格式
- options.curve:动画曲线,可填linear(匀速)、easeIn(由慢变快)、easeOut(由快变慢)、easeInOut(先快后慢)和easeOutIn(先慢后快),默认为easeOut
举例:axScrollTo('#demo',{duration:500,curve:'easeIn'}),如果是返回顶部则可不填写任何参数:axScrollTo()