水平滚动时FadeOut div

时间:2012-07-02 22:08:36

标签: jquery scroll fadein fadeout

当我开始水平滚动时,我想慢慢淡出使用JQuery的div,然后当我在水平轴上回到0时淡入淡出。所以我有这个:

    <div id="hider">Content</div>

然后是剧本:

    $(function() {
    $(document).scroll(function() {
    if($('body').scrollLeft() == 0)
    $("#hider").fadeIn();
    else 
    $("#hider").fadeOut();
    });
    });

和CSS

我有:

    #hider {
position: absolute;
left: 34px;
display: none;
    }

我在一个类似的线程中看到了这个解决方案,但我无法让它工作.div #hider只是在滚动时不停地闪烁,并且永远不会停止闪烁

谢谢!

1 个答案:

答案 0 :(得分:1)

您选择的是非ID的标记:

执行此操作:添加#,如下所示:

$("#hider").fadeIn();

请参阅:http://api.jquery.com/fadeIn/http://api.jquery.com/fadeOut/

请参阅this了解您的目标。