如何讓滾動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 上方時重置定位：要更全面地了解，請查看此實例：[滾動後jQuery 固定Div](http://jsfiddle.net/5n5MA/2/)。

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