Twój długi tekst...
Wyszukiwarka i działy:
Reklama
Kontakt
Zapraszamy do kontaktu.
Chętnie odpowiemy na wszystkie pytania.
tel. 61 642 00 82
e-mail: info@as4you.pl
Graficzny pasek przewijania w jQuery
Jak zrobić ładny pasek przewijania, przewijanie tekstu w jQuery
Dziś chciałbym zaprezentować wam, jak stworzyć własny scrollbar (pasek przewijania) w pełni edytowalny za pomocą CSS, który obsługuje przewijanie w pionie, poziomie oraz reaguje na scroll myszki.
Jak zainstalować plugin?
Pierwszym krokiem, aby użyć plugin, należy w sekcji HEAD naszego dokumentu, umieścić odwołania do plików: jquery.min.js and jquery-ui.min.js (pobieranych z Google), jquery.easing.1.3.js (plugin do obsługi animacji), jquery.mousewheel.min.js (obsługa scroll myszki) oraz jquery.mCustomScrollbar.css który odpowiada za wygląd i którego możesz edytować aby uzyskać potrzebny wygląd.
Następnie musimy umieścić odpowiednie znaczniki w sekcji BODY. Struktura powinna być zawsze taka, jak przedstawiam poniżej:
Opcjonalnie można dodać przyciski W górę i W dół. W tym celu trzeba dodać:
Ostatnim krokiem jest dodanie pliku jquery.mCustomScrollbar.js i wywołaniu funkcji konfiguracyjnej. Całość powinna znajdować się na końcu dokumentu tuż przed zakończeniem sekcji BODY. Poniżej przykład:
Możesz skonfigurować scrollbar ustawiając odpowiednio parametry funkcji przy wywołaniu:
- Typ suwaka ('vertical' or 'horizontal'),
- Płynność przewijania (np. 800 bardzo płynnie, 0 bez płynności),
- Typ płynności przewijania,
- Dodatkowy dolny margines,
- Wysokość/szerokość paska przewijania,
- Obsługa mouse-wheel (kółko przewijania myszki) ('yes' lub 'no?),
- Przewijanie z użyciem przycisków ('yes? lub 'no?),
- Szybkość przewijania, przy użyciu przycisków.
