2011-12-13 168 views
0

我試圖製作一個橫向平滑滾動的單頁網站。水平滾動的菜單

我想要一個菜單​​,可以在水平頁面滾動時滑入 視圖,每次有新頁面焦點時。

下面是我正在使用的滾動腳本的示例, 我似乎無法弄清楚如何使它水平。 http://www.jtricks.com/javascript/navigation/floating.html

任何幫助表示讚賞,謝謝!

+0

您鏈接到的頁面水平滾動,它通過絕對位置鏈接。你在尋找什麼模仿實際? – JM4

+0

爲什麼不做一個固定的位置菜單?這取決於你如何設置水平滑動,儘管... –

+0

該菜單可以雙向使用。嘗試設置瀏覽器窗口非常小,放大文本,然後橫向滾動 - 菜單將水平放置。 –

回答

0

你引用的資源是一個簡單的文本框,你會設計中,也許這樣的事情,例如,或您自己的標籤菜單中選擇您自己的導航

<div> 
    <a href="#">nav item 1</a> | <a href="#">nav item 2</a> | <a href="#">nav item 3</a> 
</div> 

你會發現,有下面的代碼在div的風格元素阻止

width:200px;height:50px; 

在這裏,你會改變大小說

width:800px;height:30px; 

使其水平。

只要閱讀解釋如何使用它的頁面,你應該是對的。

我希望這能讓你朝着正確的方向前進。