如何使用jquery获得相对于屏幕大小的50％？

Question

这是我

$(window).scroll(function(){ 
    var y = $(window).scrollTop(); 

    if (y > 400 & y < 10000) { 
    $("#font").css("top", 0 + $(window).scrollTop()); 
    } 
}); 

400应该是相对于屏幕尺寸的50％。 和10000 100％

Answer 1

您可以使用innerHeight（或使用outerHeight获取整个浏览器窗口的高度）属性来确定窗口大小。这将返回高度的页面的可见部分：

$(window).scroll(function(){ 
    var y = $(window).scrollTop(); 

    var intViewportHeight = window.innerHeight; 

    if (y > (intViewportHeight * 0.5) & y < (intViewportHeight * 1)) { 
    $("#font").css("top", 0 + $(window).scrollTop()); 
    } 
}); 

P.S：你显然可以忽略第二个公式的* 1一部分。我只是用它来澄清100％