如何让DIV停留在屏幕的顶部,无论我在访问者滚动页面的哪一边?

时间:2012-03-24 11:22:14

标签: javascript jquery css html

我所说的是,我的网站上有一些非常长的页面,如果我的访问者需要滚动到页面顶部才能导航到另一个页面,这会让人讨厌。

我不太确定我会称之为什么,但任何包含“DIV”和“浮动”字样的Google搜索都会产生完全不相关的结果......

我要做的是创建一个位于 屏幕 顶部的DIV(不要与 页面混淆 )这样,如果用户位于页面底部,他们仍然可以看到导航栏浮动在屏幕顶部。我能想到的是将DIV相对于屏幕的位置定位,但我不知道如何编码。

我很高兴使用JavaScript(最好是以jQuery的形式),但是如果你知道如何使用CSS,我会赞成你的回复。

这可能有所帮助:我知道一些jQuery和JavaScript,我知道很多CSS和HTML。

提前致谢。

3 个答案:

答案 0 :(得分:5)

fixed位置正是这个目的,这是纯粹的CSS:

div {
  position: fixed;
  top: 0;
}

答案 1 :(得分:1)

试试这个:

<div style="position: fixed;"></div>

答案 2 :(得分:0)

您应该可以使用CSS Fixed Positioning

#eleID { 
    position: fixed;
    top: 0;
}