• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Niedziałający skrypt na płynne przewijanie strony

Object Storage Arubacloud
0 głosów
579 wizyt
pytanie zadane 7 kwietnia 2016 w JavaScript przez Weenter Użytkownik (830 p.)
Witam, mam pewien skrypt na płynne, automatyczne przwijanie strony po naciśnięciu buttonu. I problem w tym, że na jednej stronie nie działa, a na portfolio działał. Tutaj link do kodu: http://pastebin.com/m011z7KF

1 odpowiedź

0 głosów
odpowiedź 10 kwietnia 2016 przez PawełN Mądrala (5,340 p.)

Po pierwsze należy dodać w htmlu cel przewijania np.

<div id="contact">Kontakt</div>

tuż przed </body>

W skrypcie wystarczy poprawić jedną linijkę (24):

if( target.length ) {

na

if( target ) {

ponieważ target jest obiektem końcowym (DOM node) a nie listą obiektów (DOM nodelist).

komentarz 10 kwietnia 2016 przez Weenter Użytkownik (830 p.)
Jest cel przwijania na #nav i następuje przwijanie skokowe. Zmieniłem także na if(target) i nie działa. Przewija skokowo, zamiast płynnie :/
komentarz 10 kwietnia 2016 przez PawełN Mądrala (5,340 p.)

W #nav są odnośniki, jeden z nich prowadzi do #contact jednak w dokumencie nie ma znacznika o id="contact". Jest też kilka literówek ale większego znaczenia w tej kwestii akurat nie mają. Spróbuj coś takiego wrzucić na dół strony i kliknąć link BlaBlaBla:

<div id="contact">Kontakt</div>
</body>

Jakby co polecam jeszcze raz dokładnie obejrzeć fragment o przewijaniu w odc 4 kursu HTML

komentarz 10 kwietnia 2016 przez Weenter Użytkownik (830 p.)
Wiem, ale chodzi mi o to, bo chce zrobic sobie przycisk scroll up, ktory scrolluje na sama gore strony :)
komentarz 10 kwietnia 2016 przez PawełN Mądrala (5,340 p.)

Najprościej jak dokładnie i ze zrozumieniem obejrzysz ten odcinek od [ 01:16:26 ]

Tam wszystko jest opisane a po kodzie wnioskuję, że trochę przeskoczyłeś temat ;)

Podobne pytania

0 głosów
1 odpowiedź 272 wizyt
pytanie zadane 20 lutego 2016 w JavaScript przez kmieciak_m Mądrala (7,450 p.)
0 głosów
4 odpowiedzi 948 wizyt
pytanie zadane 28 lutego 2016 w JavaScript przez kacper1445 Gaduła (4,880 p.)
0 głosów
1 odpowiedź 1,007 wizyt
pytanie zadane 31 stycznia 2018 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)

92,568 zapytań

141,422 odpowiedzi

319,642 komentarzy

61,957 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...