php - 当浏览器滚动时，div 标签会 float 在 View 中

Question

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

例如:yelp.com:http://www.yelp.com/search?find_desc=&ns=1&find_loc=los+angeles%2Cca如果您在右侧查看他们的 map ，它会固定在某个位置，但是当您向下滚动时， map 会随着您一起滚动。

有人可以帮助我吗？

谢谢!

Answer 1

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

检查工作示例 http://jsfiddle.net/N7xqC/