Scrollbar平滑滚到指定位置

摘要：背景近期项目需求实现同一页面内进行导航跳转。一开始想到的是通过描点定位，但是跳转效果不好，没有过渡的动画。于是自己封装了一个跳转函数，支持立刻跳转线性过渡先快后慢缓动三种跳转方式。此模块由原生编写，不依赖其他插件库。

近期项目需求实现同一页面内进行导航跳转。一开始想到的是通过描点定位，但是跳转效果不好，没有过渡的动画。后来试了scrollIntoView和scroll-behavior: smooth，一方面浏览器兼容性不好，另一方面无法控制过渡时间，内容很多时跳转太慢。于是自己封装了一个跳转函数，支持立刻跳转、线性过渡、先快后慢（缓动）三种跳转方式。此模块由原生JS编写，不依赖其他插件库。

详见：https://theoxiong.github.io/s...

$   npm install scroll-ease-efficient 

// 支持 CommonJs/ES6/Script 三种引入
// 1. CommonJs 
const { scrollTo } = require("scroll-ease-efficient")
// 2. ES6
import { scrollTo } from "scroll-ease-efficient"
// 3. Script


// scrollable element
let scrollEle = document.getElementById("id")

// 基本用法
scrollTo(scrollEle, 500)

// 指定过渡时间（单位ms）
scrollTo(scrollEle, 500, { duration: 500})

// 指定过渡动画效果, 支持"gradually"/"liner"/"instant"
scrollTo(scrollEle, 500, { timingFunction: "gradually"})

// 指定过渡时间和动画效果
scrollTo(scrollEle, 500, { timingFunction: "liner", duration: 500})

// 指定缓动因子, 只对"gradually"方式有效
scrollTo(scrollEle, 500, { timingFunction: "gradually", factor: 6})

function scrollTo (ele, pos, [options])

ele < Dom> target scrollable element

pos specified the position which scroll to

options