定位固定标头

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