我在很多這樣的網(wǎng)站上遇到過，它們都有通過滾動(dòng)觸發(fā)的動(dòng)畫。實(shí)際上，我一開始以為我們是在 javascript 中通過計(jì)算光標(biāo)相對(duì)于網(wǎng)站頁面的位置來實(shí)現(xiàn)的，我們可以通過每個(gè)位置的動(dòng)畫來實(shí)現(xiàn)。但當(dāng)我用谷歌搜索時(shí)，我發(fā)現(xiàn)了有關(guān) Intersection Observer 的內(nèi)容。我設(shè)想的方法是否存在任何性能問題或類似問題？注意：我正在尋找一種無需框架即可實(shí)現(xiàn)的方法。
2 回答
慕村225694
TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊
在使用 Intersection Observer API 之前，您將偵聽事件scroll并檢查每個(gè)滾動(dòng)像素的元素位置。這是一項(xiàng)繁重的工作，而且經(jīng)常被調(diào)用！Intersection Observers 旨在以高效的方式解決這個(gè)問題。您不會(huì)從替代方案中獲得更好的性能。
你不需要框架。該 API 是您的瀏覽器原生的（考慮到您有支持）。
米脂
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊
如果您正在尋找隨時(shí)可用的動(dòng)畫，那么AOS庫(kù)就是一個(gè)很好的例子。還有許多其他用于滾動(dòng)動(dòng)畫的庫(kù)。
- 2 回答
- 0 關(guān)注
- 171 瀏覽
添加回答
舉報(bào)
0/150
提交
取消