DOM要素の表示割合を確認する

Question

DOM要素の表示割合を確認するには、どのような方法がありますか？ （JSまたはJQueryで）。

例えば、divが画面上の表示可能性の60％にある場合（おそらくスクロールイベントに加えて）、コンソールをログに記録します。 div要素は、その60％の幅であるとき、あなたが知りたい場合は

Answer 1

それは親のdiv、これはあなたが試すことができるものであるのですに従って：

$(window).resize(function(){ 
    var elem = $("#someElement").width(); 
    var elemParentWidth = $("#someElement").parent().width(); 

    // now to get the % width: 
    var percentage = (elem/elemParentWidth) * 100; 

    if(percentage == 60){ 
    // do something awesome.. 
    } 
);