Nicescroll - o alternativă la barele de defilare - scripturi pentru site-uri

Nicescroll - o alternativă la barele de defilare - scripturi pentru site-uri

Pluginul nicescroll vă permite să oferiți barelor standard de defilare un stil care arată similar cu cel folosit în ios (ca un măr). Suport pentru schimbarea barelor de derulare verticale și orizontale.







  • Defilarea este susținută în DIV-uri, în iframe, textarea și corpul.
  • Compatibilitate cu browserele: Firefox 4+, Chrome 5+, Safari 4+ (win / mac), Opera 10+, IE6 +.
  • Compatibil cu dispozitivele mobile: iPad, iPhone, iPod, Android 2.2+. Blackberry și Playbook (WebWorks / Table OS), Windows Phone 7.5 Mango.
  • Compatibil cu dispozitivele de intrare, cum ar fi un mouse sau un stilou tactil: suprafața ferestrei, desktop-urile cromate pe touch-uri.
  • Compatibilitate cu mouse-ul bidirecțional: mouse-ul Apple Magic, mouse-ul Apple (cu o roată bidirecțională), mouse-ul PC cu rotiță bidirecțională (în cazul în care browserul le acceptă).

În browserele moderne accelerarea hardware este realizată. Folosind animationFrame pentru derularea mai ușoară și salvarea procesorului (dacă este acceptat de browser)







  • Instalarea și activarea simple, funcționează fără a modifica codul.
  • O bară de derulare elegantă care nu mănâncă zona utilă din fereastra browserului dvs., ca bare standard de defilare în browser.
  • Capacitatea de stilizare a întregii bare de derulare, adică tag body.
  • În toate browserele, puteți să parcurgeți: prin glisarea cursorului, folosind rotița mouse-ului (viteza este configurată), tastele de navigare (tastele săgeți, paginare, pagedown, home / end)
  • Derulare ușoară (viteza este reglabilă)
  • Funcția Zoom
  • Derularea accelerației hardware
  • Cadru de animație de sprijin pentru derulare ușoară și economie de resurse CPU
  • Modul drag-and-drop, cum ar fi dispozitivele touch
  • Testați cu toate browserele majore desktop și mobile
  • Atingeți suportul dispozitivului
  • Suport pentru dispozitive cu multitouch (IE10 cu MSPointer)
  • Bara de derulare complet personalizabilă
  • Evenimentele de navigare native funcționează, de asemenea
  • Complet integrat cu jQuery
  • Compatibil cu jQuery UI, jQuery Touch și jQuery Mobile

Pentru a rula pluginul, conectați biblioteca jQuery nu este mai mică decât versiunea 1.5.x (puteți încerca și versiunea 1.4.x)


După ce apelați jQuery, plasați apelul plug-in-ului propriu-zis (și încărcați imaginea zoomico.png în același loc în care scriptul plugin-ului a fost încărcat):


Exemple de inițializare:
Stylizați bara de derulare a întregului document (acordăm preferință elementului html)


Exemplu cu obiectul returnat:


Modelarea derulării în DIV și schimbarea culorii cursorului:


Obținerea obiectului nicescroll


Verificarea redimensionării barei de derulare:

DESCĂRCAȚI Cai: 5759
355,28 Kb Cine a descărcat-o?







Articole similare

Trimiteți-le prietenilor: