moveTo
moveTo 介绍
一个轻量级(只有1kb gzip)滚动动画JavaScript库,没有任何依赖。
moveTo安装
使用npm
npm install moveto --save
使用yarn
yarn add moveto
使用Bower
bower install moveTo --save
moveTo用法
const moveTo = new MoveTo();
const target = document.getElementById('target');
moveTo.move(target);
// Or register a trigger
const trigger = document.getElementsByClassName('js-trigger')[0];
moveTo.registerTrigger(trigger);
触发html标记
您可以将所有选项作为带有mt前缀的数据属性传递。选项名称应以烤肉串案例格式编写,例如
<a href="#target" class="js-trigger" data-mt-duration="300">Trigger</a>
<!-- Or -->
<button type="button" class="js-trigger" data-target="#target" data-mt-duration="300">Trigger</button>
网站地址:https://hsnaydd.github.io/moveTo/demo/
GitHub:https://github.com/hsnaydd/moveTo
网站描述:一个轻量级滚动动画javascript库没有任何依赖