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

时间:2011-04-02 07:25:35

标签: php jquery html scroll

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

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

有人能帮助我吗?

谢谢!

1 个答案:

答案 0 :(得分:5)

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

检查http://jsfiddle.net/N7xqC/

处的工作示例