定位固定標頭

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