Revision: 46331
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 17, 2011 19:42 by dubogii
Initial Code
1) Load jQuery and the Mouse Wheel plugin
Mouse Wheel plugin: (http://plugins.jquery.com/project/mousewheel).
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></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);
event.preventDefault();
});
});
Initial URL
http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
Initial Description
Initial Title
Scroll Page Horizontally With Mouse Wheel
Initial Tags
page
Initial Language
jQuery