اسکرول جالب با جی کوئری

با استفاده از این پلاگین می توانید به جای این که با پایین اوردن اسکرول به پایین بروید به سمت راست صفحه می روید .

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

    <link rel="stylesheet" href="css/example.css" />
    <script type="text/javascript" src="libs/jquery.min.js"></script>
    <script type="text/javascript" src="dist/js/jquery.jInvertScroll.js"></script>

2-  کد html جهت استفاده پلاگین

<div style="text-align:center">
<!-- متن مورد نظر خود را اینجا وارد کنید -->
</div>
<div class="horizon scroll">
        <img src="images/horizon.png" alt="" />
    </div>
    <div class="middle scroll">
        <img src="images/middle.png" alt="" />
    </div>
    <div class="front scroll">
        <img src="images/front.png" alt="" />
    </div>
    <script type="text/javascript">
        (function ($) {
            $.jInvertScroll(['.scroll'],        // an array containing the selector(s) for the elements you want to animate
                {
                    height: 10000,                   // 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>