Kotwica i przewijanie strony

[enonee]

Witajcie.
W menu zastosowałem cztery kotwice, które wskazują na elementy zawarte na stronie frontowej.
Chciałbym aby po kliknięciu strona nie przeskakiwała do kotwicy, a była przewijana (tak jakby z efektem opóźnienia). Da się to jakoś wykonać za pomocą css?
Z góry bardzo dziękuję za pomoc.

[Karol99]

Css to raczej nie, pewnie potrzebny będzie javascript. Spróbuj zobaczyć jak działają dodatki typu "go to top", gdzie właśnie bywa użyte takie przewijanie w zwolnionym tempie.

[Dziudek]

W MooTools istnieje do tego specjalna klasa SmoothScroll:

window.addEvent('load', function() { new SmoothScroll(); });

Po dodaniu powyższego kodu do skryptów strony wszystkie kotwice działające lokalnie powinny działać z płynnym przewijaniem.

- - - Updated - - -

Warto dodać, że nie działa w tym wypadku kotwica typu:

href="#"

zamiast niej trzeba zastosować kotwicę do najwyżej umieszczonego elementu strony np:

href="#topWrapper"

[sybir1992]

W MooTools istnieje do tego specjalna klasa SmoothScroll:

window.addEvent('load', function() { new SmoothScroll(); });

Po dodaniu powyższego kodu do skryptów strony wszystkie kotwice działające lokalnie powinny działać z płynnym przewijaniem.

- - - Updated - - -

Warto dodać, że nie działa w tym wypadku kotwica typu:

href="#"

zamiast niej trzeba zastosować kotwicę do najwyżej umieszczonego elementu strony np:

href="#topWrapper"

A coś bardziej dokładnie? W jakim pliku js dodać to ?

[enonee]

Dzięki panowie.
Niestety nie ogarniam js. Możecie bardziej łopatologicznie?

[Dziudek]

Wystarczy dodać wspomniany skrypt i powinno zadziałać, jeżeli szablon wykorzystuje MooTools-y ;)

[enonee]

Niestety widzę, że mój szablon jest wsparty tylko jquery.
A może ktoś słyszał o pluginie z takim efektem?

[Jdwind]

Możesz dodać w szablonie deklarację

JHtml::_('behavior.framework', true); 

[enonee]

Gdzie konkretnie miałbym wstawić powyższą linię?

[Jdwind]

W pliku index.php templatki.