定位固定标头

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; 所以最终的 css 为 #headerwrap 将是：

#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 */
}