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

Question

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

例如：yelp.com ： http:// www.yelp.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/