jquery - div随着windows滚动向下滚动

Question

我需要使我的网站的正确 div 菜单向下滚动以使用 jquery 卡住用户的眼睛。

这是我的代码，但

    jQuery("body").scroll(function(){
jQuery("#scroll").animate({
               marginTop: jQuery(window).offset()}, 1500 );
            });

您可以从下面的链接 http://gridberry.com/clients/tlgcenter/node/87查看正确的菜单

Answer 1

HTML

<div id="follow">
    <p>This element will follow all the way down to page</p>
    <p></p>
</div>

jQuery

$(document).ready(function () {
    var speed = 1000;
    var current_top = parseInt($('#follow').css('top'));
    $(window).scroll(function () {
        var top = $(window).scrollTop();
        $('#follow').css('top', top + current_top);
    });
});

CSS

#follow {
    position:absolute;
    left:10px;
    top:10px;
    height:50px;
    width:100%;
    background-color:#f0f0f0;
    border:1px solid #404040;
    padding:8px;
}

工作演示http://jsfiddle.net/cse_tushar/YpHxd/

Answer 2

这会帮助你把你的思想围绕它...

编辑

升级版，调用动画函数来消除 IE 中的断断续续的行为。

function animateMenu(pos) {
    $("#sticky").stop(true, false).animate({
        marginTop: pos
    }, 500);
}

var offset = $("#sticky").offset().top;
$(window).scroll(function () {
    console.log($(window).scrollTop());
    if ($(window).scrollTop() > offset) {
        animateMenu($(window).scrollTop());
    }
})

以前的小提琴：http: //jsfiddle.net/djwave28/eFCpc/1/

新小提琴：http: //jsfiddle.net/djwave28/eFCpc/2/