2015-12-04 43 views
-1

我目前有一個命令,用於在滾動到某個點之後更改導航的背景。它基於滾動的像素數量,但是我希望它基於視口高度,以便它能夠響應。這可能嗎。以下是我目前所面對的使用jquery在滾動中添加類

$(window).scroll(function(){ 
    var fromTopPx = 1080; // distance to trigger 
    var scrolledFromtop = jQuery(window).scrollTop(); 
    if(scrolledFromtop > fromTopPx){ 
     $('header').addClass('scrolled1'); 
    }else{ 
     $('header').removeClass('scrolled1'); 
    } 
}); 
+0

所以發生了什麼與您的代碼?有沒有錯誤?我認爲你的代碼應該可以正常工作 –

+0

@穆罕默德 - 尤瑟夫你讀過這個問題了嗎? OP在想如何將'var fromTopPx'設置爲一個動態值,而不是放置固定的視口高度 – Adjit

+0

[使用JavaScript獲取瀏覽器視口尺寸]可能的重複(http://stackoverflow.com/questions/1248081/get -the-browser-viewport-dimensions-with-javascript) – Adjit

回答

0

使用的文檔,而不是窗口:$(document).scrollTop()