【问题标题】:Horizontal Scrolling水平滚动
【发布时间】:2010-01-02 10:18:22
【问题描述】:

我正在开发一个跨浏览器 Y 轴显示图片且宽度约为 12500 像素的网站。

我使用 Hortizontal 方式作为基础,但我刚刚意识到箭头和鼠标滚轮的水平滚动在 safari 和 chrome 中都不起作用。

http://www.thehorizontalway.com/

有什么办法,最好是使用 Jquery,我可以做到:

a) 放置在单击/悬停时从左到右滚动窗口的箭头?

b) 将用户的鼠标滚轮滚动转换为水平滚动?

非常感谢。

【问题讨论】:

  • 我最终使用了 Jquery Tools 的鼠标滚动混搭,它支持所有浏览器中的水平滚动
  • 这是一个教程startutorial.com/articles/view/14,它展示了如何使用 JQuery 创建一个水平展示。

标签: javascript jquery css scroll horizontal-scrolling


【解决方案1】:

您可以使用window.scrollTowindow.scrollBy 以编程方式向上、向下、向左或向右滚动窗口。将这些放入clickmouseover 事件处理程序中,随心所欲,它应该按照您的意愿行事。

【讨论】:

    【解决方案2】:

    我想这会对你有所帮助...

    http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

    您可以增加宽度以成为您的全宽和绝对位置按钮等

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-10-18
      • 1970-01-01
      • 2021-03-23
      • 2014-09-03
      • 2012-05-12
      • 2012-03-14
      相关资源
      最近更新 更多