javascript - 如果滚动超过 300vh

Question

不确定这是否可能？

我知道如何在指定像素高度后显示和隐藏类，但不知道视口(viewport)高度？具体是视口(viewport)高度的 3 倍？

固定像素值(显示和隐藏)为 300 像素。滚动 300px 后隐藏 div，当值小于 300px 时将其还原。

$(window).scroll(function() {    
var scroll = $(window).scrollTop();
if (scroll >= 300) {
    $('.para-hide').hide();
} else {
    $('.para-hide').show();
}

我想做完全相同的事情，但值为 300vh(视口(viewport)高度的 3 倍)。

有什么建议吗？

Answer 1

300vh 只是 $(window).height() 的三倍，因此您可以直接使用它:

if (scroll >= (3 * $(window).height())) {
  $('.para-hide').hide();
} else {
  $(.'para-hide').show();
}