側面瀏覽哪個亮點瀏覽頁面的哪一部分

Question

我想創建一個側面導航欄，只需在我的一個滾動密集網頁上的不同部分。我想要做的是讓導航欄指出正在查看網站的哪一部分。一個例子是http://www.ifc.com/back-to-portlandia/#welcome。右側的導航欄上帶有六個圓形按鈕，標記爲1至6，實際上，當網站的相應部分被查看時，每個按鈕都會變爲橙色。

我該怎麼做？

Answer 1

所以這就是我爲你做的。我做了很多幻燈片，並用它們的高度可以知道用戶何時更換幻燈片。當他這樣做，我刪除類.current，我把它放到下一個li。目前，它只適用於向下滾動的情況，但通過一些調整，用戶可以在用戶向上滾動時輕鬆做同樣的事情。

Here's the fiddle

我的JavaScript看起來像這樣：

$(document).scroll(function() { 
    if($(window).scrollTop() > $('.slide').height()*$('.current').index()){ 
     $('.current').removeClass('current'); 
     var newSlide = Math.floor($(window).scrollTop()/$('.slide').height()); 
     $('.navigation li:eq('+newSlide+')').addClass('current'); 
    } 
});