moveTo

编程之家收集整理的这个编程导航主要介绍了moveTo编程之家,现在分享给大家,也给大家做个参考。

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库没有任何依赖

moveTo官方网站

官方网站:https://hsnaydd.github.io/moveTo/demo/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

Chartkick,用一行Ruby代码创建漂亮的JavaScript图表
Tabulator, JavaScript 中的交互式图表和数据网格
ganlab,生成对抗网络GAN的交互式可视化实验工具
github-profile-summary,可视化GitHub概况的工具
anime,一个轻量的JavaScript 动画库
JSXGraph,一个支持各种浏览器的交互式几何图库绘制