Back to index

Touch scroller

This demo is best viewed on a touch device such as iPad, iPhone or an Android device. But you can still scroll on a regular computer by grabbing and dragging the scroller. Another option is to enable mouse wheel scrolling together with touch scrolling - they won't interfere with each other. In this demo mouse wheel scrolling is disabled though.

The jQuery code for the touch scroller in this demo looks like this:

<script type="text/javascript">
	$(document).ready(function () {
		$("#makeMeScrollable").smoothDivScroll({
			hotSpotScrolling: false,
			touchScrolling: true,
			manualContinuousScrolling: true,
			mousewheelScrolling: false
		});
	});
</script>