如何讓滾動div黏過去後呢？

製作滾動 Div Stick

需要在滾動經過特定 div 後保持其靜止嗎？以下是如何使用 CSS 或 jQuery 來實現這一點。

僅 CSS 方法

根據最近的進展，僅 CSS 就可以完成此功能。更多詳細資訊可以在這裡找到：[滾動後僅 CSS 固定 Div](https://stackoverflow.com/a/53832799/1482443)。

jQuery 方法

如果jQuery 可以接受，試試這個：

1. 定義div 的初始位置：

   var fixmeTop = $('.fixme').offset().top;   

   登入後複製
定義div 的初始位置：

2. $(window).scroll(function() {  

   登入後複製
新增滾動事件監聽器:

3. if (currentScroll >= fixmeTop) {

   登入後複製
判斷滾動位置是否超過了初始div 位置：

4.     $('.fixme').css({                      
           position: 'fixed',
           top: '0',
           left: '0'
       });

   登入後複製
滾動超過時應用固定定位div:

5. } else {                                   
       $('.fixme').css({                      
           position: 'static'
       });
   }

   登入後複製
捲動到div 上方時重置定位：

以上是如何讓滾動div黏過去後呢？的詳細內容。更多資訊請關注PHP中文網其他相關文章！