Jquery 保持侧边导航与页面滚动固定

我有一个客户网站——www.stagecraft.co.uk，他们希望（）上的导航在你向下滚动页面时仍然存在。我有一个快速去（不是现场）的位置固定，但在这样做的左侧导航约200像素左右的窗口顶部。在滚动时，什么时候可以在窗口顶部看到它

提前感谢….

$（窗口）。滚动（函数（）{ $（'#myElement'）.css（'top'，$（this.scrollTop（）+“px”）； });

我是从问题257250得到的

---

我会犹豫是否只使用jquery——我认为当滚动页面时，由于javascript更新元素的位置而导致DIV“跳跃”时，这真的很烦人

---

我会使用position:fixed，在开始向下滚动时，使用javascript将框的位置移动到左侧的顶部，然后将其保留在那里。这是一种折衷办法。

只有当滚动达到某一点时，才可以使其位置固定：

$(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;
}