ijquery

اسکرول نقطه ای

screenshot

با استفاده از این پلاگین می توانید به جای اسکرول کشویی از اسکرول نقطه ای در سایت خود استفاده کنید.

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

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

    <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>

پیش نمایش دانلود فایل پلاگین

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *