如果有课程，淡出div

Question

我试图在有某个类时淡出div。以下是我的代码。正如你所看到的，当div进入视图时我正在添加一个类 - 当添加这个类时，我想淡出已经分配了“hideclass”的div

无法获得任何解决方案......任何想法？

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");
});
}