Skocz do zawartości

Płynne przejście do zakładki


matisowa

Rekomendowane odpowiedzi

Otóż na paru stronach widziałem efekt płynnego przejścia do id. Naciskałem przycisk i powoli przechodziło do zakładki, a nie, tak normalnie - od razu :)

Pomoże ktos?

 

E: Jeśli ktoś nie wie o co chodzi --- na niektórych stronach są przyciski "wróć na górę strony". Chodzi o wolne płynne przejście :)

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administratorzy

Jeśli nie chcesz pisać od zera, użyj jQuery. Cofanie na górę strony to bodaj $.scrollTo, a płynne przejście to $.fadeIn / $.fadeOut - po przykłady odsyłam do dokumentacji. Ewentualnych innych rozwiązań w sieci pełno.

Odnośnik do komentarza
Udostępnij na innych stronach

no ok ale jednego nie rozumiem, bo na tej stronie w dokumentacji jest demo, pisze Hello i scrollTop: 0, mimo poruszania strony, bo jak rozumiem, to chyba chodzi o ilosc pixeli które są niewidoczne od góry :) Ło co chodzi?

 

E: Up: No tak, ale to jest animacja do pixela 100, a da się do zakładki? (bo czasami przeglądarki różnie interpretują stronę przez co niektóre elementy są mniejsze/większe, więc pozycja pixela się zmienia.

Odnośnik do komentarza
Udostępnij na innych stronach

no ok ale jednego nie rozumiem, bo na tej stronie w dokumentacji jest demo, pisze Hello i scrollTop: 0, mimo poruszania strony, bo jak rozumiem, to chyba chodzi o ilosc pixeli które są niewidoczne od góry :) Ło co chodzi?

 

E: Up: No tak, ale to jest animacja do pixela 100, a da się do zakładki? (bo czasami przeglądarki różnie interpretują stronę przez co niektóre elementy są mniejsze/większe, więc pozycja pixela się zmienia.

Zdobądź pozycję elementu zakładki.

 

$(document).on('ready', function(){
    $('a.zakladka').on('click',function(e){
        e.preventDefault();
        var offset = $(this).offset();
        $(document.body).animate({scrollTop:offset.top})
    });
});

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...