CSS位置固定

Question

我已成功地使用位置：前CSS/CSS3的固定設置，做得很不錯！

我前幾天看到了這一點，不知道他們是怎麼實現的效果，當你向下滾動出現這種情況，在菜單欄是在一個位置滾動之前，然後去頂它鎖定自行關閉。

請參閱鏈接 - http://www.cssportal.com/ <向下滾動任何頁面並觀察頂部的藍色菜單。

我試圖尋找頁面的來源，但我不能讓頭或尾巴。

有誰知道這種效應被稱爲？

Answer 1

它完成了javascript，添加一個包含position：fixed和其他定位樣式的css類來實現你想要的。

它並不複雜。這裏是一個jQuery插件：http://stickyjs.com/

這是我幾年前做的：

var menu_bar = $("#menu"); 
var top = menu_bar.offset().top; 
var detached = false; 

$(window).scroll(function (e) { 
    if ($(this).scrollTop() >= top) { 
     if (!detached) { 
      detached = true; 
      menu_bar.addClass('fixed'); 
     } 
    } else { 
     if (detached) { 
      detached = false; 
      menu_bar.removeClass('fixed'); 
     } 
    } 
});