当浏览器滚动时,div标签在视图中浮动

Question

当用户在浏览器上向下或向上滚动时,我想知道如何在屏幕上浮动div标签？

例如:yelp.com: http ://yy.com.com/search?find_desc = &ns =1 &find_loc = los+angeles%2Cca 如果你看看他们在右侧的地图,它会固定在某个位置,但当你向下滚动,地图会随你滚动.

有人能帮我吗？

谢谢!

Answer 1

var $sdiv = $("#mydiv");
$(window).scroll(function() {
    $sdiv.stop().animate({
        "marginTop": ($(window).scrollTop() + 50) + "px"
    }, "slow");
});

查看http://jsfiddle.net/N7xqC/上的工作示例