[PORADNIK] Płynne przewijanie strony - Devcorner

pytanie zadane 25 maja 2015 w Nasze projekty przez Geek Pasjonat (19,660 p.)

Cześć :)

W bardzo popularnych modelach stron one-page (czyli takich gdzie cała treść znajduje się na jednej stronie, nie występują podstrony) często po kliknięciu odnośnika widzimy płynne przewijanie strony aż do odpowiedniej sekcji.

W kolejnym wpisie napiszemy w jQuery kod, który taką animację za nas przeprowadzi :)

Przerabiany skrypt można zobaczyć pod tym linkiem.

Wpis na blogu, pokazujący jak samemu napisać coś takiego znajduje się tutaj.

Pozdrawiam i zapraszam :)

komentarz 4 listopada 2017 przez Charlotte Nowicjusz (100 p.)

Dzięki, bardzo się przydał ten wpis :)

Przystępnie opisany proces więc łatwo zrozumieć na czym polega.

4 odpowiedzi

odpowiedź 25 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

Bardzo fajny blog ! Mam pytanie niedotyczące tego postu a mianowicie czy napisałeś kiedyś strone tego pokroju ?

http://www.rleonardi.com/interactive-resume/

Sam bym się chciał za coś takiego wziać, powiesz coś o tym ?

komentarz 25 maja 2015 przez Geek Pasjonat (19,660 p.)

Dzięki. Szczerze to nigdy aż tak zaawansowanej strony nie robiłem, ale dzięki za link! Efekt niesamowity. Nie wykluczone że w niedalekiej przyszłości pojawi się wpis na temat tego typu efektów więc zaglądaj na bloga :)

komentarz 25 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

No trzeba przyznać że wygląda to świetnie. Blog już siedzi na RSS ;)

odpowiedź 25 maja 2015 przez Czort Nałogowiec (32,500 p.)

Nie lepszą praktyką jest umieszczanie skryptu na dole sekcji <body> zamiast w <head> ?

Ogólnie bardzo ciekawy artykuł.

komentarz 25 maja 2015 przez Geek Pasjonat (19,660 p.)

Dzięki :) W przypadku użycia metody ready() nie ma większej różnicy gdzie ten kod umieścisz. Ja po prostu wole go umieścić w sekcji head, ale równie dobrze na dole <body> można go umieścić.

odpowiedź 25 maja 2015 przez Comandeer Guru (596,500 p.)

Co do skryptów na końcu body zamiast w head: tu chodzi głównie o wydajność → https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html

Jak se klupnę odpowiedni hash w adresie to już ładnie nie przewija. Zastanawiam się czy nie dałoby się tego poprawić przy pomocy zdarzenia hashchange.

No i to, że ładnie przewijasz nie zwalnia Cię z obowiązku zmiany tego hasha w adresie ;) Bo inaczej UX cierpi