Question

我试图从两个加入的div中淡出1个div而不能这样做。请帮帮我

$(document).ready(function(){
    $(window).scroll(function(){
        if($(window).scrollTop() > 0){
            $("#hide").fadeTo(slow, 0);
        }
        if($(window).scrollTop() == 0){
            $("#hide").fadeIn(slow, 0.7); 
        }
    });
});

我的div的html代码是

<div id="logoin" style= "width:1348px;height:65px;background-color:Black;opacity:0.7;z-index:200"></div>
<div id="hide" style=" position:absolute;top:65px;width:1348px;height:15px;background-color:black;opacity:0.7"></div>

如何获得淡入淡出效果？

Answer 1

你的slow速度应该是'slow'，但我认为使用CSS过渡最好这个简单的动画，这很容易：

<强> CSS：

#hide{
    transition: 0.5s;
}

<强> JS：

$(document).ready(function(){
    $(window).scroll(function(){
        if($(this).scrollTop() > 0){
            $("#hide").css('opacity', 0);
        }else{
            $("#hide").css('opacity', 0.7);
        }
    });
});

DEMO： https://jsfiddle.net/lmgonzalves/gxgjdhb1/

如何在这里正确使用fadeTo和fadeIn

1 个答案: