从滚动定义固定位置

Question

我有一个页面需要从页面顶部145px的标题，当它到达页面顶部时开始使用固定定位。这有什么问题？

$(window).scroll(function (event) {
    var y = $(window).scrollTop();
    var header2 = $('#header2');
    if (y >= 145) {
        header2.css({position:'fixed',top:0,marginTop:0});
    } else {
        header2.css({position:'static',top:0,marginTop:0});
    }
});

Answer 1

这是一个演示：

$(window).scroll(function (event) {
    var y = $(window).scrollTop();
    var header2 = $('#header2');
    if (y >= 145) {
        header2.css({position:'fixed',top:0,marginTop:0});
    } else {
        header2.css({position:'static',top:0,marginTop:0});
    }
});

它与您的代码完美配合 http://jsfiddle.net/vRSUs/1/