Проверить процентное соотношение элемента DOM

Question

Каков приемлемый способ проверки процента просмотра элемента DOM? (в JS или JQuery).

Например, я хочу войти в консоль, если div находится на 60% видимости на экране (возможно, в дополнение к событию прокрутки).

Answer 1

Если вы хотите знать, когда DIV находится на 60% ширины в соответствии с его родителей 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.. 
    } 
);