如何水平滾動網頁？

我想開發一個網頁，每當用戶向下滾動鼠標滾輪時向左方向移動。通常所有網站都是垂直滾動。但是這個應該水平滾動。如何水平滾動網頁？

示例代碼：

<body> 
<div style="width:10000px; height:400px; top:0; left:0;"> 
//here goes the content. 
</div> 
</body>

我的目標是水平滾動DIV上鼠標滾輪滾動，使用jQuery或任何其他的Javascript工具。

來源

2011-03-22 Sujit Agarwal

我已經得到了答案@jakub。 – 2011-03-22 03:42:00

怪胎 - 記下它，或者發佈你發現的內容，這樣其他人就可以受益，並將你的答案標記爲正確答案。 – Jakub 2011-03-22 03:43:06

oops。抱歉。點擊刻度標記但它不接受它。現在完成了。 – 2011-03-22 03:44:15

Horizontal page scrolling using Javascript

來源

2011-03-22 03:31:50

該鏈接仍然有效，但鏈接的腳本已不在線。這就是爲什麼SO鼓勵在答案中使用代碼片段的原因，所以當外部鏈接丟失時它不會丟失。 – 2012-12-01 13:08:40

在任何情況下，您都可以通過backback機器訪問原始腳本： http://web.archive.org/web/20100927075638/http://paulicio.us/wp-content/uploads/2008/10/hscroll。 js – 2012-12-01 13:10:12

http://jsfiddle.net/A3UHf/5/這個小提琴有現場演示 – thenewseattle 2013-11-23 00:00:35

如何水平滾動網頁？

回答

相關問題