2011-12-13 141 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; 

使其水平。

只要阅读解释如何使用它的页面,你应该是对的。

我希望这能让你朝着正确的方向前进。