Scroll Page Horizontally With Mouse Wheel
Scroll Page Horizontally With Mouse Wheel using mousewheel script. use the following html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Creativetweets | Scroll Page Horizontally With Mouse Wheel</title>
<script src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script src="https://css-tricks.com/examples/HorzScrolling/jquery.mousewheel.js"></script>
<script>
$(function() {
$("html, body, *").mousewheel(function(event, delta) {
this.scrollLeft -= (delta * 80);
this.scrollRight -= (delta * 80);
event.preventDefault();
});
});
</script>
<style>
*{
margin: 0;
padding: 0;
}
#container {
width: 4000px;
height: 100%;
background-color: blue;
position: absolute;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
If you liked our work and effort then please consider to make a kind donation.
