WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

DZS Scroller - jQuery Scrollbar done right

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


DZS Scroller - jQuery Scrollbar Done Right - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Moe van de standaard scrollbar? DZS Scroller jQuery is de ultieme scrollbar voor uw site die u heel eenvoudig kunt aanpassen via CSS als de 3 skins opgenomen zijn niet genoeg. Het komt ook met verbeterde functionaliteit, zoals scrollen door hover of fade op de muis verlof. En het werkt op de iPhone / iPad! Dus waar wacht je op? Krijg het vandaag voor uw site, te integreren in minder dan 5 minuten!

iPAD Demo

Updates

Voor het bijwerken, maar de map dzscroller overschrijfmethode

UPDATE 4.11 [2015/06/02]

  • [FIX] een aantal bugs
  • [ADD] versoepeling

UPDATE 3.30 [2013/06/26]

  • [FIX] een aantal bugs
  • [FIX] verwijderd responsieve mode - gebruik gewoon width: 100%; voor responsiviteit
  • [TWEAK] veranderde muiswiel algoritme
  • [FIX] muiswiel op IE9

UPDATE 3.1 [2013/05/02]

  • vaste een aantal bugs
  • verbeterde ervaring op mobiele apparaten - meer natuurlijke scrollen
UPDATE 3.0 [2013/02/22]
  • vaste een aantal bugs
  • NIEUW: nu responsieve

UPDATE 2.0 [03/22/2012]

  • vaste bugs
  • gereinigde huid instellingen om slechts een settings_skin parameter
  • 5 huiden
  • settings_autoheight - bereken de scroller hoogte afhankelijk van het eerste element hoogte
  • settings_autoresizescrollbar - bereken de scrollbar grootte, afhankelijk van het zichtbare gebied / content gebied aandeel

UPDATE 1.3 [09/06/2011]

  • schuifbalken nu zichtbaar op de iPhone / iPad
  • een aantal nieuwe opties, een aantal bug fixes

UPDATE 1.2 [2011/07/27]

  • toegevoegd herinitialisatie opties [voor de inhoud toegevoegd na initialisatie]

UPDATE 1.1 [2011/07/14]

  • een probleem in IE8 vast
  • laat dynamische horizontale inhoud

Wat krijg je?

FAQ

Hoeveel parameters heb ik nodig om het instellen van de scroller
De breedte en hoogte van de verplichte. Andere optionele parameters zijn van het formaat van de gehele inhoud ruimte (kan worden autocalculated, fullwidth, vernieuwen op resize en nog veel meer. Zie de documentatie voor de volledige lijst.
Werkt op smartphones
Ja, het werkt op touch-apparaten - iPad en iPhone getest. Je kunt testen met het apparaat in het preview-
Kan ik zo veel foto's als ik wil?
Ja. Merk op dat de foto's nemen de tijd om te laden - u kunt de scroller rechts noemen wanneer het document klaar is - via de jQuery (document).ready gesprek en de schuifbalk zal meteen verschijnen. Of u kunt de scroller bellen wanneer alle beelden via de jQuery (venster).load oproep worden geladen en als je de full_horizontal bijvoorbeeld gebruik maken van de scroller dimensies zal automatisch worden berekend.
Wat als de foto's zijn verschillende grootte
Doet er niet toe.
de inhoud gebied in mijn web site is niet een volledige pagina, maar een kleinere inhoud doos in het midden van de website pagina kan ik gebruik maken van uw script in deze kleinere inhoud gebied?

Tuurlijk kan. De scroller werkt zowel fullwidth en in de lay-out. Het is toegevoegd aan de inhoud als een normale div zou

Hoe kan ik de scrollbar afmetingen vernieuwen nadat het toevoegen van nieuwe inhoud
Ach ja, ik voegde de herinitialisatie methode voor het geval wanneer iets als dit wordt toegevoegd
 jQuery ('# scrollc6'). vinden ('. real-innerlijke'). toevoegen ('<a rel="fancybox" href="img/b1.jpg"> <img src = "img / s1.jpg" / > </a> '); 
zodat herberekent de afmetingen. Er zijn twee manieren om dit te doen
Methode 1 - doen dit op init
 jQuery ('# scrollc6'). scroller ({ settings_refresh: 10.000 }); 
die elke 10 seconden autorefreshes (of wat je wilt invoeren) of
Methode 2 - hard, enkele refresh
 jQuery ("# ​​scrollc6) scroller.reinit ().; 
wanneer u een handmatige refresh.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
15 juni 11

Laatste update:
10 juli 15

Hoge resolutie:
Nee

Compatibele Browsers:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, XML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, Auto Scroll, aangepaste css, custom scrollbar, verdwijnen, galerij, horizontaal verticaal, html-inhoud, in lijn, ipad, javascript scrollbar, jQuery, pagina scrollbar, scrollbar, scroller