当滚动到其他div时,jQuery从顶部向下滑动div

时间:2013-11-19 16:06:39

标签: jquery

我使用此代码及其工作:

$(function(){
    $(window).scroll(function() { 
        if ($(this).scrollTop() > 370) {

            $(".userbar").css({
                'position':'fixed',
                'top':'-41px',
                'right':'157px',
                'z-index':'2000',
                'message':''
            });   
              $(".userbar").slideDown();
        } 
        else {     
             $(".userbar").css({
                'position':'relative',
                'margin-top':'40px',
                'margin-left':'39px',
                'top':'0',
                'right':'0'

            });   
        }  

    });

当我从顶部到达370像素时,它应该将相对于固定位置的现有div移动。

它的工作好,但这不是我想要的 当我滚动其他div时,我希望同一个div会滑下来,怎么做?

1 个答案:

答案 0 :(得分:2)

使用display: none;而不是使用position:relative参数。然后根据滚动距离滑动div。

<强> http://jsfiddle.net/smL6Q/1/

.userbar
{
    width: 50px;
    height: 50px;
    background: red;
    display: none;
    position: fixed;
}

$(window).scroll(function() { 
    if ($(this).scrollTop() < 370)
    {
        $(".userbar").slideUp();   
    } 
    else
    {     
        $(".userbar").slideDown();
    }
});