---
# System prepended metadata

title: 0708
tags: [跨裝置企業平台與資料庫整合設計班]

---

0708
===

(三)專題製作(應用實習)伊君毅


---


## AOS
[AOS](https://michalsnik.github.io/aos/)

## lax
[lax.js](https://github.com/alexfoxy/lax.js)

## Swiper
[版型參考網站](https://aeon-fitness.com/product/PROFESSIONAL/TREADMILL/A10T)


## scrollTop
![](https://i.imgur.com/fBSTJUE.gif)

[html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍](https://blog.csdn.net/u013795673/article/details/52171411)
[js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”，你知道多少](https://www.cnblogs.com/youziclub/p/4811069.html)

* scrollTop 受父層影響，所以要加上首頁高度

## lazyload.js
[【技術筆記】利用lazyload.js 實現圖片延遲加載,加快網站載入速度](https://piglife.tw/%E3%80%90%E6%8A%80%E8%A1%93%E7%AD%86%E8%A8%98%E3%80%91%E5%88%A9%E7%94%A8lazyload-js-%E5%AF%A6%E7%8F%BE%E5%9C%96%E7%89%87%E5%BB%B6%E9%81%B2%E5%8A%A0%E8%BC%89%E5%8A%A0%E5%BF%AB%E7%B6%B2%E7%AB%99/)

## 效果
[開源精粹（第四期）！CSS+JS實現的文字伸縮炫彩動畫，真炫酷](https://kknews.cc/zh-tw/code/9562jbb.html)
[CSS3/SVG clip-path路徑剪裁遮罩屬性簡介Script](https://www.itread01.com/p/1068107.html)

###### tags: `跨裝置企業平台與資料庫整合設計班`