淡出 div 如果有 class

Question

我正在尝试淡出具有特定 class 的 div。下面是我的代码。如您所见，我在 div 进入视图时添加了 class - 添加此 class 后，我想淡出已分配的 div "hideclass"

无法找到任何可行的解决方案...有什么想法吗？

jQuery(document).ready(function($){
    var elem2Query = ".cont-shopp";
    var elem2Hide = ".testplace";
    var jElem2Hide = $(elem2Hide);
    if (isElementInView()) jElem2Hide.addClass("hideClass");    
    $(window).scroll(function(){ 

        if (isElementInView()){
            jElem2Hide.addClass("hideClass");
        }else{
            jElem2Hide.removeClass("hideClass");
        }
    });
    function isElementInView(){     
        var jWindow = $(window);
        var jElem   = $(elem2Query);
        var pageViewTop = jWindow.scrollTop();
        var pageViewBottom = pageViewTop + jWindow.height();
        var elemTop = jElem.offset().top;
        var elemBottom = elemTop + jElem.height();
        var isInView =((elemBottom >= pageViewTop) 
                && (elemTop <= pageViewBottom)
                && (elemBottom <= pageViewBottom) 
                && (elemTop >= pageViewTop));               
        return isInView;
    }
});

Answer 1

你有没有尝试过这样的事情：

if (isElementInView()){
jElem2Hide.fadeOut(300,function(){
  jElem2Hide.addClass("hideClass");
});
}

淡出 div 如果有 class

Fade out div if has class

jquery

fade