基於滾動百分比的jQuery切換元素類

Question

我想將var num更改爲百分比而不是像素數。 我該怎麼做？

我需要爲我的網站： http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/ 但他們與像素的工作，我的網站可與％（因爲自動縮放例如高清屏或全高清屏幕上）

/*動態頂部菜單定位 * */

var num = 150 ; //number of pixels before modifying styles 150 


$(window).bind('scroll', function() { 
    if ($(window).scrollTop() > num) { 
     $('.menu').addClass('fixed'); 
    } else { 
     $('.menu').removeClass('fixed'); 
    } 
}); 

//USE SCROLL WHEEL FOR THIS FIDDLE DEMO 

Answer 1

首先，讓我告訴你，這是一個可怕的解決方案。監聽每個滾動事件並每次調用addClass（）或removeClass（）都很昂貴。 //結束宣講

這裏的回答你的問題呢：

var baseHeight = $(window).height(); // for body, use $("body").height(); 
var num = .25; // this the percentage of vertical scroll 

$(window).bind('scroll', function() { 
    if ($(window).scrollTop()/baseHeight > num) { 
     $('.menu').addClass('fixed'); 
    } else { 
     $('.menu').removeClass('fixed'); 
    } 
});