2013-07-21 42 views
0

我有那個麻煩 - http://pickup.eurocargo.fi/last500.php我需要做的頂級菜單總是在頂部,菜單寬度可以是顯示器寬度的2倍多。怎麼可能做水平滾動的頂級菜單?菜單總是在頂部和水平滾動

這裏是頂部菜單的CSS:

.visibleDiv, #topmenu 
{ 

    position: fixed; 
overflow: auto ; 
    width: 100%; 
    border: solid 1px #e1e1e1; 
    vertical-align: middle; 
    background: #fff; 
    text-align: center; 
    top: 0px; 
    left: 0px; 
    padding-bottom:10px; 
} 

隨着溢出標籤我去滾動,頁面1和菜單的1,我需要如果我使用這個CSS沒有溢出它結合1 ,然後我切斷topmenu。

謝謝!

回答

0

看一看這個小提琴:http://jsfiddle.net/lulu3030/3sTWF/

的CSS:

html { 
    height: 300%; 
} 

#menu-container { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow: auto; 
    border: solid 1px #e1e1e1; 
    background: #eee; 
    text-align: center; 
    padding:10px; 
} 

#menu { 
    width: 200%; 
} 

的HTML:

<div id="menu-container"> 
    <div id="menu">My menu here</div> 
</div> 
+0

有些麻煩.....請看結果 - http://pickup.eurocargo.fi/last500.php。菜單滾動仍然是 – user2421781

+0

有什麼麻煩?菜單的背景?我沒看見。 –

+0

請看,菜單的末尾看不到。切掉這個菜單的一部分。 INV \t EX \t PL \t OUT \t MRN單元可以看到是否滾動頂部滾動。我需要添加滾動底部,連同所有頁面 – user2421781

0

您仍然需要設置背景:;

+0

btw檢查你的:;;在#topmenu你都得到px和% – magnuskahr

+0

我需要寫入背景以及px和%問題? – user2421781

+0

以及我看到你使用另一種解決方案? – magnuskahr