با استفاده از این پلاگین می توانید به جای اسکرول کشویی از اسکرول نقطه ای در سایت خود استفاده کنید.
آموزش استفاده
۱- فراخوانی کتابخانه پلاگین و خصوصیت ها
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css' /> <link href="main.css" rel="stylesheet" type="text/css" /> <script> $(document).ready(function () { $(".main").onepage_scroll({ sectionContainer: "section"});}); </script>
2- کد html جهت استفاده پلاگین
<div class="wrapper"> <div class="main"> <section class="page1"> <div class="page_container"> <h1>دنیای جی کوئری</h1> </div> </section> <section class="page2"> <div class="page_container"> <h1>دنیای جی کوئری</h1> <h2>دنیای پر از پلاگین های جی کوئری</h2> </div> </section> <section class="page3"> <div class="page_container"> <h1>دنیای جی کوئری</h1> <h4 style="text-align:center; color:#BCBDC0;">رضا طاهری</h4> </div> </section> </div> </div>