粘滯內容在應該粘貼時會重置頁面？

我有一個可過濾的內容部分，當您滾動到頂部時，我想堅持頂部。粘滯內容在應該粘貼時會重置頁面？

+------------------+ 
|     | 
|  HEADER  | 
+------------------+ <--- WHEN THIS IS COVERED BY TOP OF BROWSER WINDOW (SCROLLED UP) 
|     | <--- THIS BECOMES FIXED TO TOP AND SCROLLABLE 
|     | 
|  STICKY  | 
|  CONTENT  | 
+------------------+

從現在開始，頁眉部分將幾乎隱藏在滾動中，然後它會閃爍並將滾動重置爲頂部。不太確定可以做什麼。

至於HTML唯一<div>如果您需要擔心的是#sticky和.whole-page-container兩者是同義的，只是所謂的不同。 #sticky用於jQuery功能，.whole-page-container用於CSS。

CSS：

.whole-page-container{ 
    display: block; 
    position: relative; 
    height: auto; 
    width: 100%; 
    top: 0; 
} 
---------------------------- 

USED TO FIX THE CONTENT TO THE TOP (STICKY IT) 
    .stuck { 
     position: fixed; 
     top: 0; 
    }

$(document).ready(function() { 
var stickyNavTop = $('#sticky').offset().top; 

var stickyNav = function(){ 
var scrollTop = $(window).scrollTop(); 

if (scrollTop > stickyNavTop) { 
    $('#sticky').addClass('stuck'); 
} else { 
    $('#sticky').removeClass('stuck'); 
} 
}; 

stickyNav(); 

$(window).scroll(function() { 
    stickyNav(); 
}); 
});

而且這裏是一個鏈接對工作示例：EXAMPLE

感謝您的幫助！

圖示實例

因此，如果這是當你加載的#RED部分將是滾動的，當你滾動頁面，這將它移動當前頁面。