html - 定位固定头

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