Question

Is there any script or jquery plug in that would allow a user to scroll from left or right inside of div that acts as a menu?

The entire page would be static but you could swipe left or right to choose a different page. The end result would be viewed on an ipad. Similar to the cover flow feature in any ios device.

Answer 1

Edit: Lol, seems like i misunderstood the question. You can create your own touchbased slider using jQuery mobile or swipe.js. Also i found a touchbased slider plugin here: http://www.photoswipe.com/

If you want to do your custom slider, examine jsFiddle over there.

You can create a mask area and place elements in it than by using mousewheel plugin you can calculate wheel’s velocity speed. You can use this value for animating mask area:

Here is working jsFiddle.

$('.mask').bind('mousewheel', function(event, delta) {
    var dir = delta > 0 ? 'up' : 'down', 
    vel = Math.abs(delta);//mousewheel's velocity value

    var cur = parseInt($('.imgHolder').css('left'));

    if( dir === 'up' && cur <= 0 ) {
        $('.imgHolder').css({'left':'+='+ vel*5 +'px'});
    }
    else if ( dir === 'down' && cur > -1100 ){
        $('.imgHolder').css({'left':'-='+ vel*5 +'px'});
    }

    return false;
});