@samliew it worked !!! Thank you so much !!! 
but I got a problem
<script src="https://dl.dropboxusercontent.com/s/ahpu5hp6m2vbzrg/jquery.jInvertScroll.js">
</script>
<script>
$.jInvertScroll(['.horizon scroll','.middle scroll', '.front scroll']);
</script>
<script>
(function($) {
$.jInvertScroll(['.scroll'], // an array containing the selector(s) for the elements you want to animate
{
height: 6000, // optional: define the height the user can scroll, otherwise the overall length will be taken as scrollable height
onScroll: function(percent) { //optional: callback function that will be called when the user scrolls down, useful for animating other things on the page
console.log(percent);
}
});
}(jQuery));
</script>