頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

非常炫酷的文字圖片跟著滾動效果插件

布局 HTML我幫您 24天前  次瀏覽

簡單和輕量級(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!

相關鏈接

發表評論

经典黑杰克游戏 论坛写帖子可以赚钱么 568彩票安卓 内蒙福利彩票开奖结果 浙江体彩20选5中奖表 梦幻小号练什么赚钱之道 金誉彩票手机登录 扑克游戏下载 彩票中心推荐号码 十一运夺金开奖号码 单机四川麻将下载 河南快3遗漏 14场胜负彩对阵表 ssc是什么 一天到晚都在想怎么赚钱 腾讯麻将游戏手机版 山西快乐10分基础走势图