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'); 
     } 
    } 
});