CSS定位

我曾经尝试过使用position:fixed设置CSS/CSS3，效果非常好

几天前我看到了这一点，我想知道当你向下滚动时，菜单栏在滚动前的一个位置，然后转到顶部，它会自动锁定，他们是如何实现这种效果的

请参阅任何页面上的链接-<向下滚动并观察顶部的蓝色菜单

我试着查找这一页的来源，但我弄不清头绪

---

有人知道这种效果叫什么吗？

这是用javascript完成的，添加一个包含position:fixed和其他定位样式的css类来实现您想要的效果

这并不复杂。下面是一个jquery插件：

几年前我就是这样做的：

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

---

通过javascript添加一个css类，该类包含position:fixed和其他定位样式，以实现您想要的

这并不复杂。下面是一个jquery插件：

几年前我就是这样做的：

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

---

非常感谢，这正是我需要的。还添加了变量。：）@穴居人哈里斯，如果答案“正是你需要的”，你考虑过接受吗？非常感谢，正是我需要的。还添加了变量。：）@穴居人哈里斯，如果答案“正是你所需要的”，你考虑过接受吗？