Płynne przewijanie strony

Question

Cześć,

Podczas tworzenia własnej strony napotkałem na problem. Chciałbym aby po kliknięciu na diva ze strzałką, strona płynnie przewinęła się w dół. Napisałem więc prostą funkcję: 

function scroll(div) 
{	       	
	$('html, body').animate(
	{scrollTop: $(div).offset().top}, 1500);	
};

Po jej wywołaniu otrzymuję błąd: "Uncaught TypeError: Cannot read property 'top' of undefined". Poszperałem trochę w internecie i napotkałem podobny problem na Stackoverflow 

http://stackoverflow.com/questions/20175094/uncaught-typeerror-cannot-read-property-top-of-undefined

jednak moja marna znajomość języka angielskiego i samego Javascript-u utrudnia mi znalezienie rozwiązania.

Answer 1

A jak tę funkcję wywołujesz?

Inna rzecz: http://bzdety.comandeer.pl/scroll.html → działa w lisku – i to bez linijki JS ;)

Comments

onclick w divie

---

Onclick można przypiąć na 15 różnych sposobów…

---

<div class = "strzalka" onclick = "scroll('offer')">

 

---

Tam chyba powinno być, jak już:

<div class = "strzalka" onclick = "scroll('#offer')">

Ale to i tak nie jest być śliczne, bo chcesz de facto zrobić link do jakiegoś miejsca na stronie – nie atrapę przycisku! Dlatego lepiej to zrobić ładniej, na linku i bez bzdurnego [onclick]:

http://codepen.io/Comandeer/pen/bEPbqg

---

Dzięki wielkie, przewijanie działa i nauczyłem się czegoś nowego.