的Javascript CSS當用戶滾動到錨

Question

我有一個網站http://www.mitchellfinlay.co.uk/newlake/magazines.html

它採用的幕布效果，每個li元素顯露在滾動或自動當單擊鏈接上方...騰邦... talkbusiness等

我想要做的是設置類的鏈接，「當前」用戶要麼滾動時，簾式鏈接錨定到的。

這需要發生，因爲用戶滾動或當自動滾動已經停止在該網頁。

這是可以實現的嗎？

Answer 1

這應該遍歷在標題的鏈接，從他們每個人的刪除類current，並將其添加到被點擊鏈接：

$(document).on('click', '#headerLinks a', function() { 
    $("#headerlinks a").removeClass("current"); 
    $(this).addClass("current"); 
}); 

至於滾動，你可以使用element.posistion()和window.scrollTop()圖瞭解屏幕頂部的元素。我在這fiddle做了一個演示。您必須根據您的需求來調整它，但它顯示了基本概念。

Answer 2

對於您的評論的第二個問題：

您可以去除錨與此變量，並檢查什麼的留下。

例子：

$('#headerlinks a').click(function(){ 
    var anchor = document.location.hash; 
    if (anchor === '#myContent1') { //this can be href from ur a. 
    $('.allContents').hide(); 
    $('#myContent1').show(); 
    } 
});