Articles Tagged
horizontal scrolling
4 Articles
Pure CSS Horizontal Scrolling
The web is a rather vertical place. You read a web site like you read a physical page: left to right, top to bottom. But sometimes, you want to step away from the verticality of it all and do something …
Pieter Biesemans
on
(Updated on )
Creating responsive, touch-friendly carousels with Flickity
By now, any article about carousels should come with the disclaimer: You may not need a carousel. Carousels are easily abused. Kyle Peatt has more details on the carousel controversy.
Part of the blame can be put on the user …
David DeSandro
on
(Updated on )
Scroll Page Horizontally With Mouse Wheel
1) Load jQuery and the Mouse Wheel plugin
Mouse Wheel plugin is here.
<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,
…
Chris Coyier
on
(Updated on )