sticky 特效簡單來說就是網頁滑動的時候,可以把某個物件原本滑動但滑到某個高度後就固定在一個位置,然後再滑動到某個高度的時候,又不固定了讓他滑走。可以看像這個網站,滑動的時候左右區塊固定,但滑到底的時候,又不會固定了就往上滑走了。
然後上網找到這個網頁
https://www.hongkiat.com/blog/sticky-elements-jquery-plugins/
但他提供的特效更多種,應該說都跟滑動有關。除了滑動後「黏住(sticky)釘住(pin)」的效果,還有滑動後可以出現動畫這類的,像是 ScrollMagic,應該很多滾動動畫可能就是用這類的套件吧。
然後因為我要的效果是被黏住的元件太長的話,要先滑到底,到底才黏住。然後到母元件結束的時候就不要黏住。所以後來是選擇 HC-Sticky 看起來最符合需求,套用上也不會太困難。