我有一個網站http://www.mitchellfinlay.co.uk/newlake/magazines.html的Javascript CSS當用戶滾動到錨
它採用的幕布效果,每個li
元素顯露在滾動或自動當單擊鏈接上方...騰邦... talkbusiness等
我想要做的是設置類的鏈接,「當前」用戶要麼滾動時,簾式鏈接錨定到的。
這需要發生,因爲用戶滾動或當自動滾動已經停止在該網頁。
這是可以實現的嗎?
我有一個網站http://www.mitchellfinlay.co.uk/newlake/magazines.html的Javascript CSS當用戶滾動到錨
它採用的幕布效果,每個li
元素顯露在滾動或自動當單擊鏈接上方...騰邦... talkbusiness等
我想要做的是設置類的鏈接,「當前」用戶要麼滾動時,簾式鏈接錨定到的。
這需要發生,因爲用戶滾動或當自動滾動已經停止在該網頁。
這是可以實現的嗎?
這應該遍歷在標題的鏈接,從他們每個人的刪除類current
,並將其添加到被點擊鏈接:
$(document).on('click', '#headerLinks a', function() {
$("#headerlinks a").removeClass("current");
$(this).addClass("current");
});
至於滾動,你可以使用element.posistion()
和window.scrollTop()
圖瞭解屏幕頂部的元素。我在這fiddle做了一個演示。您必須根據您的需求來調整它,但它顯示了基本概念。
對於您的評論的第二個問題:
您可以去除錨與此變量,並檢查什麼的留下。
例子:
$('#headerlinks a').click(function(){
var anchor = document.location.hash;
if (anchor === '#myContent1') { //this can be href from ur a.
$('.allContents').hide();
$('#myContent1').show();
}
});
您只需通過簡單的調用'$( 「#headerlinks一」)removeClass( 「電流」)' – jackwanders 2012-07-09 15:18:34
謝謝。當用戶滾動到該錨點時,是否有切換當前鏈接的方法? – finlamit 2012-07-09 15:20:25
添加了一些關於滾動。 – jurgemaister 2012-07-09 15:55:44