2用粘头

Question

我使用下面的jQuery来我的网站上创建一个棘手的头小问题（http://tinyurl.com/pmow22f）：

jQuery(document).ready(function($) { 
$(window).scroll(function() { 
if ($(this).scrollTop() > 230){ 
    $('header').addClass("sticky"); 
    $('#headerwrapper').removeClass(); 
    } 
    else{ 
    $('header').removeClass("sticky"); 
    $('#headerwrapper').addClass("headerwrapper"); 
    } 
}); 
}); 

我的问题是：a）向下滚动到230px点时，其中报头捕捉到屏幕的顶部，它似乎闪烁一点，并不是一个非常平稳的过渡，不知道是什么造成这种情况，但如果你看看页面，你可能会看到这一点，和b）如果页面在屏幕中间向下刷新时，页面加载时（因为它在页面顶部，因此不在屏幕上），并且在屏幕顶部不显示，直到再次滚动，这怎么解决？

感谢

Answer 1

1 - 闪烁 - 似乎罚款在Firefox上，需要对这个问题的详细信息。

2 - 文档加载丢失标题thingy - 您完全依靠滚动，因此需要在滚动条之外进行此操作。

$(function() { 
    stickyHeader(); 

}) 
$(window).scroll(function() { 
    stickyHeader(); 
}) 
function stickyHeader(){ 
    if ($(document).scrollTop() > 230){ 
     $('header').addClass("sticky"); 
     $('#headerwrapper').removeClass(); 
    }else{ 
     $('header').removeClass("sticky"); 
     $('#headerwrapper').addClass("headerwrapper"); 

    } 
}