html - 如何用屏幕剪辑顶部栏

Question

如何用屏幕剪辑我的顶部栏。所以当我在页面上向下滚动时，我的意思是向下滚动页面顶部的栏也应该移动。就像在 Facebook 中一样，顶部栏在屏幕上移动。 我正在搜索过去 2 小时的谷歌。但得不到，也就是我们所说的。

我的 HTML/CSS 是..

#topnavbar
{
 width:100%;
 height:50px;
 background-image:url('top.jpg');
 background-repeat:repeat-x;
}

HTML

 <div id="topnavbar">

 </div>

Answer 1

您是在谈论将导航栏的位置固定到屏幕顶部，对吧？

top:0;position:fixed;

-

#topnavbar {
 width:100%;
 height:50px;
 background-image:url('top.jpg');
 background-repeat:repeat-x;
 top:0;
 position:fixed;
}