页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

非常炫酷的文字图片跟着滚动效果插件

布局 HTML我帮您 29天前  次浏览

简单和轻量级(3kb缩小和压缩)javascript插件创建平滑和美丽的动画跟着时滚动展示!利用最直观的互动能力,让你的网站变得活跃起来!支持Vue、React。

非常炫酷的文字图片跟着滚动效果插件

NPM Setup

npm install lax.js

import lax from 'lax.js'

Basic Browser Setup

    Add lax.js to your html

<script src="lib/lax.min.js" >
<!-- or via CDN -->
<script src="https://cdn.jsdelivr.net/npm/lax.js" >

    Initialize the plugin

window.onload = function() {
	lax.setup() // init

	const updateLax = () => {
		lax.update(window.scrollY)
		window.requestAnimationFrame(updateLax)
	}

	window.requestAnimationFrame(updateLax)
}

    Add class and attributes to the HTML tags you want to animate e.g.

<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>

    Scroll and enjoy!

相关链接

发表评论