基于滚动百分比的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'); 
    } 
});