jquery - 通过页面滚动保持侧面导航固定

Question

我有一个客户网站 - www.stagecraft.co.uk，他们想要在 hire pages 上导航( longer page ) 在您向下滚动页面时仍然存在。我有一个固定位置的快速移动(不是实时)，但在这样做时，左侧导航距离窗口顶部大约 200 像素。滚动时什么时候让它位于窗口顶部？

提前致谢....

Answer 1

你可以让它固定位置，只有当滚动到某个点时:

$(window).scroll(function() {
    if ($(this).scrollTop() > 200) { //I just used 200 for testing
        $("#tester").css({ "position": "fixed", "top": 0 });
    } else {
        $("#tester").css({ "position": "absolute", "top": "200px" }); //same here
    }               
});

div 的 CSS 如下:

#tester {
    position: absolute;
    right: 20px;
    top: 200px;
    height: 200px;
    width: 100px;
    background: red;
}