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 do WorldWideScripts.net

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


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

Ads

Ad: Bluehost hosting

Zmęczony domyślnego paska przewijania? DZS Scroller jQuery jest ostatecznym przewijania witryny którym można bardzo łatwo za pomocą CSS, jeśli 3 skórki zawarte nie są wystarczające. To również pochodzi z udoskonalonymi funkcjami jak przewijać, unoszą się lub znikną w sprawie urlopu myszy. I działa na iPhone / iPada! Więc na co czekasz? Pobierz go dzisiaj na swojej stronie, integracji w mniej niż 5 minut!

iPAD Demo

Aktualizacje

Do aktualizacji, po prostu nadpisze folder dzscroller

AKTUALIZACJA 4.11 [02.06.2015]

  • [FIX] niektóre błędy
  • [DODAJ] złagodzenie

AKTUALIZACJA 3.30 [26.06.2013]

  • [FIX] niektóre błędy
  • [FIX] usunąć tryb czułe - wystarczy użyć width: 100%; dla reakcji
  • [TWEAK] Algorytm koła zmieniony myszy
  • [FIX] kółka myszy na IE9

UPDATE 3.1 [02.05.2013]

  • Poprawiono kilka błędów
  • poprawiły doświadczenie na urządzeniach mobilnych - bardziej naturalne przewijanie
UPDATE 3.0 [22.02.2013]
  • Poprawiono kilka błędów
  • NOWOŚĆ: teraz reaguje

UPDATE 2.0 [22.03.2012]

  • Naprawiono błędy
  • czyszczone ustawienia skóry tylko do settings_skin parametru
  • 5 świeżych skórek
  • settings_autoheight - obliczyć wysokość scroller zależności od wysokości pierwszego elementu
  • settings_autoresizescrollbar - obliczyć rozmiar paska przewijania w zależności od widocznego obszaru / części obszaru zawartości

UPDATE 1.3 [06.09.2011]

  • paski przewijania teraz widoczne na iPhone / iPad
  • kilka nowych opcji, niektóre poprawki błędów

UPDATE 1.2 [27.07.2011]

  • dodane opcje reinicjalizacji [za treść dodana po inicjalizacji]

UPDATE 1.1 [14.07.2011]

  • naprawiono problem w IE8
  • umożliwia dynamiczną zawartość poziomą

Co dostajesz?

FAQ

Ile parametry muszę skonfigurować scroller
Szerokość i wysokość obowiązkowe. Inne opcjonalne parametry to wielkość całego obszaru treści (można autocalculated, pełnej szerokości, odświeżyć się na zmianę rozmiaru i wiele więcej. Zobacz pełną listę dokumentacji.
Czy to działa na smartfonach
Tak, to działa na urządzeniach dotykowych - iPad i iPhone przetestowane. Możesz przetestować z prawej strony urządzenia w podglądzie
Czy mogę mieć tyle fotek, jak chcę?
Tak. Należy pamiętać, że zdjęcia zająć sporo czasu - możesz zadzwonić prawo scroller, gdy dokument jest gotowy - poprzez jQuery (document).ready rozmowy i pasek przewijania pojawi się od razu. Lub dzwoniąc scroller, gdy wszystkie obrazy są ładowane za pomocą jQuery (okno) wezwanie.load i jeśli używasz full_horizontal przykład wymiary Scroller zostanie automatycznie obliczona.
Co zrobić, jeśli zdjęcia są różnej wielkości
Bez znaczenia.
obszar zawartość mojej stronie internetowej nie jest całą stronę, ale mniejsze pole zawartość w środku strony strony internetowej można użyć skryptu, w tym mniejszym obszarze zawartości?

Oczywiście można. Przewijacz działa zarówno pełnej szerokości, a w układzie. Jest dodawany w treści jak normalny div będzie

W jaki sposób odświeżyć wymiary pasek przewijania po dodaniu nowej treści
Oj tak, ja po prostu dodaje metodę reinicjalizacji dla przypadku, gdy coś w tym jest dodawany
 jQuery ('# scrollc6 "). find ('. wewnętrzna rzeczywistym"). append ("<a rel="fancybox" href="img/b1.jpg"> <img src =" img / s1.jpg "/ > </a> '); 
tak, że przelicza rozmiary. Istnieją dwa sposoby, aby to zrobić
Metoda 1 - to zrobić init
 jQuery ('# scrollc6 "). scroller ({ settings_refresh: 10000 }); 
które autorefreshes co 10 sekund (lub to, co chcesz, aby wejść) lub
Metoda 2 - twarda, single odświeżania
 jQuery ('# scrollc6 ") scroller.reinit ().; 
kiedy robisz odświeżanie ręcznie.


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Stworzony:
15 czerwca 11

Ostatnia aktualizacja:
10 lipca 15

Wysoka rozdzielczość:
Nie

Zgodne przeglądarki:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Google Chrome

Pliki wliczony:
JavaScript JS, HTML, XML, CSS

Wersja oprogramowania:
jQuery

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, Auto Scroll, niestandardowych css, niestandardowy pasek przewijania, fade out, Galeria, poziomy pionowy, Zawartość html, inline, ipad, pasek przewijania javascript, jquery, Strona pasek przewijania, pasek przewijania, scroller