javascript - 水平页面滚动的菜单

标签 javascript jquery css scroll

我试图制作一个水平平滑滚动的单页网站。

我想要一个随水平页面滚动的菜单滑入 每次新页面成为焦点时查看。

这是我想要的滚动脚本示例, 我似乎无法弄清楚如何使其水平。 http://www.jtricks.com/javascript/navigation/floating.html

感谢任何帮助,谢谢!

最佳答案

您引用的资源只是一个文本框,您可以在其中设计自己的导航,例如像这样的东西,或者您自己的选项卡菜单

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

你会注意到在div的style元素中有如下代码块

width:200px;height:50px;

这是你要改变大小的地方

width:800px;height:30px; 

使其水平。

只需阅读解释如何使用它的页面,您应该是正确的。

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

关于javascript - 水平页面滚动的菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8483291/

相关文章:

javascript - JQuery 未检测到 Angular 指令内的 DOM 元素

html - 向 SVG 元素添加阴影,例如线条

javascript - jquery 嵌套选择不起作用

javascript - 使用 famo.us RenderController 切换回来时表面顺序困惑

c# - 如何在 ASPX 中仅使用原始页面请求自动完成?

html - 链接 div 时删除文本装饰

javascript - 使文本字段根据窗口宽度适当调整大小

javascript - Angular 自定义指令 : Calling a function with arguments from within the link function

javascript - 如何将选定时隙数组格式化为格式化字符串

jquery - 每个用户/浏览器 session 仅显示一次欢迎 div