multiscroll

HTML

<link rel="stylesheet" href="http://alvarotrigo.com/multiScroll/jquery.multiscroll.css">
<link rel="stylesheet" href="http://alvarotrigo.com/multiScroll/demo.css">
<script src="http://alvarotrigo.com/multiScroll/vendors/jquery.easings.min.js"></script>
<script src="http://alvarotrigo.com/multiScroll/jquery.multiscroll.min.js"></script>
<div id="myContainer">

    <div class="ms-left">
        <div class="ms-section" id="left1">
            <h1>Left 1</h1>
        </div>

        <div class="ms-section" id="left2">
            <h1>Left 2 </h1>
        </div>

        <div class="ms-section" id="left3">
            <h1>Left 3</h1>
        </div>
    </div>

    <div class="ms-right">
        <div class="ms-section" id="right1">
            <h1>Right 1</h1>
        </div>

        <div class="ms-section" id="right2">
            <h1>Right 2</h1>
        </div>

        <div class="ms-section" id="right3">
            <h1>Right 3</h1>
        </div>
    </div>  
</div>
<div style="height:600px;">

</div>
</div>

JavaScript

$('#myContainer').multiscroll({
    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
    menu: false,
    loopTop: true,
    loopBottom: true
});

$.fn.multiscroll.moveSectionDown(); 
function scrollMe() {
    $.fn.multiscroll.moveSectionDown(); 
}
setInterval(scrollMe, 5000);