[Solved] How to slide images in div up and down with jquery?

by


You could animate the scrollTop property of the .content element

var gallery = $('.content'),
    height = gallery.height();

$('.arrow').on('click', function(){
    var up = $(this).is('.up_arrow');

    if (up) {
        gallery.animate({'scrollTop': '-=' + height});
    } else {
        gallery.animate({'scrollTop': '+=' + height});        
    }
});

Demo at http://jsfiddle.net/gaby/a2xmr1mn/

note: i have added a common (arrow) class to the arrows for styling/targeting

solved How to slide images in div up and down with jquery?