如何使用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％