jQuery 水平滚动隐藏,可能只有 css?

标签 jquery css menu scroll

我有一个很长的导航菜单,由 10 个链接组成。

我需要做的是让链接穿过页面,然后当您接近导航末尾时,您会看到一个选项,可以滚动到横向以查看菜单中的其他隐藏链接,然后向后滚动的选项。

我在这里找到了类似的东西,但需要水平放置。 http://jsfiddle.net/CxbYf/2/

如果可能的话可以只用 CSS 来完成吗?溢出隐藏并滚动?

任何帮助都会很棒,

谢谢

最佳答案

可以

THIS DEMO

这一段JQUERY:

$('.prv, .nxt').click(function(e){
  $(this).siblings('.slider').stop().animate({
    scrollLeft: (this.className.match('nxt')?'+=':'-=')+200
  },1000); 
});

解决了您的问题吗?

关于jQuery 水平滚动隐藏,可能只有 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12167972/

相关文章:

javascript - 使用来自 ajax 下拉菜单的 onclick 事件更新隐藏的输入值

html - 仅使用 CSS 和 HTML,如果窗口缩小到特定大小,如何将填充为 20% 的 div 更改为 0%?

asp.net - 在 div 底部对齐文本

c++ - 如何填充 MFC C++ 应用程序中的 Windows 菜单

wpf - 如何在 F# 中使用 WPF 菜单和对话框?

jquery - 如何在 Wordpress 中创建一个动态变化的菜单?

javascript - 在类似的 div 上不显示

c# - 尝试使用 XHR 联系 WCF 服务时出现 400 错误请求

javascript - 在触发 touchmove 时停止元素

html - 输入搜索中的宽度不起作用