代码之家  ›  专栏  ›  技术社区  ›  user3288440

从滚动定义固定位置

  •  0
  • user3288440  · 技术社区  · 11 年前

    我有一个页面,它需要距离页面顶部145像素的页眉,以在它到达页面顶部时开始使用固定定位。这有什么问题?

    $(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});
        }
    });
    
    1 回复  |  直到 11 年前
        1
  •  0
  •   Venkat Reddy    11 年前

    下面是一个演示:

    $(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/