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

我有一个客户网站 – www.stagecraft.co.uk,他们希望当您向下滚动页面时, 租用页面 ( 较长页面 )上的导航仍然存在。 我有一个快速前进(不是现场),位置固定,但这样做左侧导航约从窗口顶部200px左右。 什么时候滚动时在窗口顶部得到它?

提前致谢….

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

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

$(window).scroll(function(){$(’#myElement’)。css(’top’,$(this).scrollTop()+“px”);});

我从问题257250得到了这个

有一个’position:fixed’(总是在顶部)div的最简单的jQuery方法是什么?

我会犹豫只使用jquery – 我认为滚动页面时真的很烦人,而且由于javascript更新元素的位置,DIV“跳”。

我使用position:fixed,并且在最初向下滚动时使用javascript将框的位置移动到左侧的顶部,然后将其保留在那里。 这是一种妥协。