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()

锚记01
锚记02
锚记03
锚记04
锚记05,距顶50px
锚记06
锚记7
锚记08
滚动到指定值(距离顶部100px)