Scroll with multiple, and going different directions
Ok, I got my code to work. 

I kept my HTML the same but made a few changes to my jQuery.

    $(document).ready(function(){
$('html, body').animate({
    scrollTop: $(".ganesh").offset().top,
}, 5000).animate({
    scrollLeft: $(".bird1").offset().left,
}, 5000).animate({
    scrollLeft: $(".saar").offset().left,
}, 5000).animate({
     scrollLeft: $(".anna").offset().left,
}, 5000).animate({
     scrollLeft: $(".friends1").offset().left,
}, 5000).animate({
     scrollLeft: $(".quote").offset().left,
}, 5000);
});