###背景
近期项目需求实现同一页面内进行导航跳转。一开始想到的是通过描点定位,但是跳转效果不好,没有过渡的动画。后来试了scrollIntoView和scroll-behavior: smooth,一方面浏览器兼容性不好,另一方面无法控制过渡时间,内容很多时跳转太慢。于是自己封装了一个跳转函数,支持立刻跳转、线性过渡、先快后慢(缓动)三种跳转方式。此模块是由原生js编写,不依赖其他插件库。
演示
详见:https://theoxiong.github.io/scroll-ease-efficient/
安装方法
$ 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
<script type="text/javascript" src="scroll-ease-efficient/index.js"></sc