Jquery 如何制作浮顶菜单？

我想实现一个菜单，比如：

每次在页面上向下滚动时，一个特定的div菜单始终位于顶部

非常感谢任何帮助或教程链接页面

以下是截图：

---

www.pokoot.com/menu2.png

您可以使用CSS固定元素的位置。比如说,

#floatingMenu {
    position: fixed;
    top: 0px;
}

将始终在页面顶部保留

#浮动菜单

。然后，如果您想模拟他们的情况，即在滚动页面上的某个点之前，固定位置菜单栏不会显示，您可以执行以下操作：

$docBody = $(document.body);
$docBody.scroll( function() {
    // replace 100 with whatever the non-floating menu bar's distance from the top of the page is
    if ($docBody.scrollTop() < 100) { 
        $('#floatingMenu ').hide();
    } else {
        $('#floatingMenu ').show();
    }
} );

$docBody=$（document.body）；
$docBody.scroll（函数（）{
//将100替换为非浮动菜单栏与页面顶部的距离
如果（$docBody.scrollTop（）<100）{
$（“#浮动菜单”）.hide（）；
}否则{
$（“#浮动菜单”）.show（）；
}
} );