scroll特效

2023年5月1日 — Parallax Scrolling 是指當您在滾動網頁時，讓特定元素以不同的速度移動，創造出一種視覺上的效果，稱為視差滾動。這種技術能讓您的網站看起來更 ...

2023年1月13日 — GreenSock Animation Platform 有助網站快速製作生動的動畫，其中scrolltrigger 套件則可實現當滑鼠捲軸滾動時，一步步引領著讀者進入作者想表達的 ...

2022年12月26日 — 很簡單，就是上面說的「綁架滾動」，也有人說Scroll Hijacking。在程式意義上就是，我們直接停止了遊覽器原生的滾動方式，另外自己重新定義滾動的速度、 ...

2020年8月31日 — 《滾動視差》（Parallax Scrolling）的表現法其實在2013年就開始風靡在網站設計裡，但網頁技術一年一年的越來越強大，想當然的《滾動視差》的表現法也 ...

2021年6月21日 — 視差滾動簡單來說，就是讓頁面中的某些element（可能是圖片或div 等等）在你往下捲動網頁時候，會以不同的速度向上移動。像這樣所產生的視覺效果就叫做 ...

2020年12月2日 — 順帶一提，其實僅僅使用CSS 中的 position:sticky 屬性就可以輕鬆實現黏性佈局，不過該屬性目前僅在Firefox、Safari 支援度較佳，在其他瀏覽器的相容性則 ...

2020年12月13日 — 目的. 為了讓網頁有吸引力，所以在捲軸滾動畫面時做到監聽捲軸和元素之間的距離，以及觸發的事件或效果。 觸發事件需要用要JavaScript 或jQuery 在每次 ...

也是一款滾動特效外掛，特點是完全跟著滾動的數值更新位置，且.

2023年8月13日 — 這個網站匯集了許多有趣的滾動捲動方式，讓使用者可以透過捲動來改變元件的狀態，以增強資訊傳遞並提升使用者體驗。例如，第一個reading progress ...

2023年8月9日 — 視差滾動效果能夠賦予網站深度感和動態感，營造出沉浸式的瀏覽體驗。近年來，越來越多網站開始應用視差滾動效果來打造獨特的網站體驗，本文整理了5種 ...