Search code examples
javascriptjqueryhtmlcssmootools

How to Horizontally scroll a webpage?

I want to develop a webpage that moves towards the left direction whenever the user scrolls down the mousewheel. Generally all websites are vertical scrolling. But this one should scroll horizontally.

Example code:

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

My objective is to scroll the DIV horizontally on mouse-wheel scroll, using jQuery or any other Javascript tool.

Solution

  • Horizontal page scrolling using Javascript