Return to Snippet

Revision: 46331
at May 17, 2011 19:42 by dubogii

Initial Code
1) Load jQuery and the Mouse Wheel plugin

Mouse Wheel plugin: (

<script type='text/javascript' src=''></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

2) Attach mousewheel event to body

The "30" represents speed. preventDefault ensures the page won't scroll down.

$(function() {

   $("body").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);




Initial URL

Initial Description

Initial Title
Scroll Page Horizontally With Mouse Wheel

Initial Tags

Initial Language