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

あなたは、画面サイズをdeterminするウィンドウオブジェクトの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％の明確化のために使用しました