使塊上滾動

Question

粘我有一個頁面上下面的一組塊（div的/跨度）：

CAPTION 1 
CONTENT 1 

CAPTION 2 
CONTENT 2 

.... 

CAPTION N 
CONTENT N 

我需要做字幕粘在上滾動頁面的頂部。 例如

CAPTION 1 
CAPTION 2 

CAPTION 3 
CONTENT 3 
.... 

因此，第1個和第2個塊的內容被摺疊，但標題仍然可見。此外，我需要爲粘性字幕添加onclick事件。點擊粘性標題後，頁面應滾動到對應的CONTENT。

這應該類似於引導詞綴插件，但標題只能在滾動時才固定。

這是如何實現的？有沒有類似功能的插件？

在此先感謝。

Answer 1

$(window).scroll(function() { 
    var scrollPosition = $(window).scrollTop(); 
    if (scrollPosition !== 0) { 
    $("#CAPTION1").addClass("fixed"); 
    } else { 
    $("#CAPTION1").removeClass("fixed"); 
}); 

.fixed類有固定的位置和所在的位置，你需要其他字幕