wrz
12
2013

jQuery – Animowany scrolling na stronie www

jquery animate scrollingNa wielu stronach możemy spotkać po kliknięciu w link gładkie przesuwanie ekranu góra/dół (scrolling), będąc na tej samej stronie. Tzw. gładkie przejście do wybranego fragmentu strony. Można to wykonać przy użyciu jQuery z funkcją animate(). Poniżej przykład.

Rozwiązanie

Umieszczamy dany fragment w sekcji HEAD strony pomiędzy znacznikami <script>...</script>.

 

Dodatkowe informacje

Opis użytych funkcji jQuery.

Podobne tematy

Autor wpisu: Arkadiusz Krakiewicz

Programista i właściciel sklepu jednocześnie, dzięki temu rozumie potrzeby osób prowadzących sprzedaż w internecie. Od 2006 związany z eCommerce. Zaczynał jako freelancer tworząc sklepy oraz strony www. Aktualnie zajmuje się: programowanie w PHP, Symfony 2, Android, PrestaShop, osCommerce, OpenCart, WordPress.

3 komentarzy + Dodaj komentarz

  • Konkretnie i na temat. Stronka ląduje w ulubionych :)

  • Nie działa. Mam sekcję w dokumencie
    W link wpisuje ‘#one ‘ a w cel co mam wpisać?

Dodaj komentarz

Anti-Spam

O mnie

Arkadiusz Krakiewicz
Programista aplikacji webowych dla branży eCommerce. Jednocześnie jako właściciel sklepu zna od "podszewki" potrzeby osób prowadzących sprzedaż w internecie.
W swoich rozwiązaniach stawia na funkcjonalność i wydajność aplikacji pod kątem obsługi klienta.
[X]
Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką Plików cookies.
Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
Więcej w Skrypty i moduły
jquery_tooltip
jQuery – ToolTip + Image. Oznacz i opisz zdjęcie.

Często, gdy tworzymy mapę obrazu tzw. image map, oprócz klikalnych obszarów potrzebujemy także opisu i oznaczenia wybranych fragmentów zdjęcia. W...

Zamknij