Javascript JS在滚动上添加类

––更新–更新–更新

大家好，我已经用这个代码替换了下面的代码

if（isScrolledIntoView（this）===true）{

，如果（scroll>=500）{，但是这个类不再被添加了。另外，500不是一个像素值，而不是视口高度的百分比吗？另外，这个解决方案对我下面描述的第一个问题有帮助吗

如果我应该把这两个问题放在两个独立的问题中，请让我知道。我过去只发布过每一个问题的问题

谢谢

––结束更新––结束更新

为了获得一些Javascript帮助，我目前正在向滚动到视图中的元素添加一个类，但有几个问题

第一个问题是，当元素垂直大于视口高度时，不会添加该类

第二个问题是，当元素在页面的一半位置时，类会被添加。我想知道，当is元素滚动到页面的更高视图时，是否有方法添加类？理想情况下，我希望在我创建的站点响应时，将此值指定为视区高度的百分比。这可能吗e

$(window).scroll(function () {
    $('.fade').each(function () {
        if (isScrolledIntoView(this) === true) {
            $(this).addClass('fadeInTransition')
        }
        else{
            //$(this).removeClass('fadeIn')
        }
    });
});
function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

$（窗口）。滚动（函数（）{
$（'.fade'）。每个（函数（）{
if（isScrolledIntoView（此）==true）{
$（this.addClass（'fadeInTransition'））
}
否则{
//$（this.removeClass（'fadeIn'））
}
});
});
函数IsCrolledinToView（elem）{
var docViewTop=$（window.scrollTop（）；
var docViewBottom=docViewTop+$（window）.height（）；
var elemTop=$（elem）.offset（）.top；
var elemBottom=elemTop+$（elem）.height（）；
返回（（elemBottom=docViewTop））；
}

谢谢你的时间

---

巴里

这个问题已经解决了：

只需将500替换为您的估计值

即可