水平滚动
[英]Horizontal Scrolling
问题描述
I am working on a site that displays pictures accross the Y axis of the browser and spans about 12500px wide. 
我正在一个网站上显示图片，该图片横跨浏览器的Y轴，跨度约为12500像素。
I am using the Hortizontal way as a base but I have just realized that the horizontal scrolling with both the arrows and the mouse's wheel does not work in both safari and chrome. 我使用Hortizontal方式作为基础，但我刚刚意识到，同时使用箭头和鼠标滚轮进行水平滚动在Safari和Chrome中均不起作用。
http://www.thehorizontalway.com/ http://www.thehorizontalway.com/
Is there any way, preferably with Jquery, that I can do either: 有什么办法，最好是使用Jquery，我可以执行以下任一操作：
a) place arrows that will scroll the window left to right upon clicking/hovering? a）放置将在单击/悬停时将窗口从左向右滚动的箭头？
b) convert the users mouse's wheel scroll into a horizontal scroll? b）将用户的鼠标滚轮转换为水平滚动？
Thanks a lot. 非常感谢。
2 个解决方案
解决方案1
1 已采纳 2010-01-02 10:28:20
You can programmatically scroll the window up, down, left or right using window.scrollTo or window.scrollBy . 您可以使用window.scrollTo或window.scrollBy编程方式向上，向下，向左或向右滚动窗口。 Put these into the click or mouseover event handlers on whatever you want and it should do as you wish. 将它们放到click或mouseover事件处理程序中，无论您要执行什么操作，它都可以随心所欲。
解决方案2
0 2010-01-02 10:29:42
I think this will help you... 我认为这将帮助您...
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
You can increase the width to become your full width and position buttons absolutely etc 您可以增加宽度以完全变为全角和位置按钮等
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.