اسکریپت اسکرولبار nicescroll + آموزش استفاده

نایس اسکرول (nicescroll) نام اسکریپت متن باز و رایگانی است که تحت فریم ورک جی کوئری نوشته شده. این اسکریپت – همانطور که از نامش پیداست – حالت پیشفرض اسکرول بار مرورگر را – هنگام مشاهده وبسایت شما – دستخوش تغییر کرده و به آن فرم جدیدی می بخشد.
اما داستان به اینجا ختم نمی شود! نایس اسکرول، ویژگی های زیادی دارد که از جمله آنها می توان به موارد زیر اشاره کرد:

• نصب ساده و راحت
• استایلی شیک و زیبا با قابلیت شخصی سازی
• قابلیت استفاده از تگ body
• پیمایش انیمیشنی
• سازگاری با تمامی مرورگرها
• قابلیت زوم
• سازگار با دستگاه های مختلف + پشتیبانی از لمس
• و…

جهت استفاده از این اسکریپت، ابتدا می بایست ماژول jquery.nicescroll.min را به همراه کتابخانه jquery در پوسته خود فراخوانی کنید و سپس با استفاده از تابع niceScroll، قدم به دنیای اسکرول بارهایی متفاوت بگذارید. 🙂

به عنوان نمونه…

تغییر اسکرول بار پیشفرض صفحه سایت + استایلی مجزا:

JAVASCRIPT

$("body").niceScroll({
	preservenativescrolling: false,
	cursorwidth: '8px',
	cursorborder: 'none',
	cursorborderradius:'0px',
	cursorcolor:"#39CCDB",
	background:"#999999"
 });

استفاده از اسکرول بار در یک div ساده متنی با قابلیت زوم:

HTML

<div id="divexample2">
  <div id="wrapperexample2">
  <p>test text</p>
  </div>
</div>

JAVASCRIPT

$("#divexample2").niceScroll("#wrapperexample2",{boxzoom:true});