Question

现在我的脚本与此jsFiddle类似：Fixed on Scroll

现在如果我向下滚动就可以了。但是如果我刷新页面，固定元素就会消失，直到我滚动。

我已经考虑过$(window) > 0是否会用if语句显示它。没别的了。只是希望在正确的方向上提供帮助。

感谢。

Answer 1

鉴于您的页面与JSFiddle相同，我建议挂钩到页面的ready事件并运行在滚动上运行的相同函数。所以它看起来像：

$(document).ready(function(){
        if($(window).scrollTop() > elementPosition.top){
              $('#navigation').css('position','fixed').css('top','0');
        } else {
            $('#navigation').css('position','static');
        }    
});

Answer 2

我将控制结构放入一个函数并在onscroll和onready上运行

var elementPosition = $('#navigation').offset();

$(window).scroll(shouldStickHeader);
$(document).ready(shouldStickHeader);

function shouldStickHeader () {
    if($(window).scrollTop() > elementPosition.top){
          $('#navigation').css('position','fixed').css('top','0');
    } else {
        $('#navigation').css('position','static');
    }
}

页面加载jQuery

2 个答案: