我试图在有某个类时淡出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;
}
});
答案 0 :(得分:0)
if (isElementInView()){
jElem2Hide.fadeOut(300,function(){
jElem2Hide.addClass("hideClass");
});
}