在滚动时固定Div

时间:2012-03-02 10:31:20

标签: javascript jquery html css

如何在用户检测到滚动时修复div。
示例:Facebook的右侧边栏,当达到某个滚动位置时会卡住。

5 个答案:

答案 0 :(得分:7)

position:fixed就是答案 但是如果你想知道他们是如何做某事的话,你可以随时查看网站的来源。非常有教育意义!

答案 1 :(得分:5)

监控我们是否正在滚动。

if($(window).scrollTop() > 0){
  //we're scrolling our position is greater than 0 from the top of the page.
  $("#element").css({'position' : 'fixed'});
}

*的修改

不用jQuery做它..

if(window.scrollTop() > 0){
  document.getElementById('element').style.position="fixed";
}

答案 2 :(得分:2)

答案 3 :(得分:1)

不确定这是不是你的意思?

但是你可以添加CSS-propery位置:fixed;即使在滚动之后它也会出现在山姆的地方。

More on CSS positioning

答案 4 :(得分:0)