定位固定标头

Question

至少对我来说，这是一个棘手的问题。我有一个需要水平滚动的页面。页面顶部是一个菜单，需要在整个页面中心的整个时间内保持在同一个位置。即使我使用jQ，我也不确定如何实现这一点，因为看起来我需要以两种不同的方式定位相同的div。

以下是页面：

http://www.coflash.com/testing/raycollins/gall1.php

滚动条也没有出现由于某种原因，但在此网站上的旧代码中工作正常：

http://www.raycollinsphoto.com

有什么想法吗？

Answer 1

对于滚动添加正文overflow-x:scroll;这将显示水平滚动条。

关于标题，您可以使用position:fixed;和width:100%以及z-index:10;，因此#headerwrap的最终css将为：

#headwrap {
    background-color: #1C1C1C;
    position: fixed;
    width: 100%; /* to take the width of all screen */
    z-index: 10; /* In small screens the images override the header */
}