Как сделать scrolltop в vh?

Question

[partyzanx]

Нужно чтобы добавление класса происходило на 3vh

Comments

[Rustam Bainazarov]

1vh = 1% от viewport (window.clientHeight).

Умножайте window.clientHeight на 0.03, получите ваши 3vh.

Answer 1

[Сергей delphinpro]

if ($(this).scrollTop() >= window.clientHeight * 0.03) {

}

if ($(this).scrollTop() >= document.documentElement.clientHeight * 0.03) {

}
// или 
if ($(this).scrollTop() >= window.innerHeight * 0.03) {

}

разница между этими двумя вариантами есть, но она небольшая, и в данном случае значения вообще не имеет.

Comments

[partyzanx]

Подскажи, пожалуйста, почему на сайте hsk.wiki

при прокрутке этот код не работает, не прибавляет класс

$(function(){
    $(window).scroll(function() {
if ($(this).scrollTop() >= window.clientHeight * 0.03) {
            $('div.bar').addClass('stickytop');
        }
        else {
            $('div.bar').removeClass('stickytop');
        }
    });
});

[Сергей delphinpro]

partyzanx, я ошибся немного

нужно document.documentElement.clientHeight
или window.innerHeight