Slider "scroll" dla strony www.

0

Cześć!

Możecie mi podpowiedzieć, jak zrobić slider - scroll - dla strony www?
Chodzi mi o taki efekt:

http://campaignlabs.com/ - chodzi o efekt jak po kliknięciu na tę strzałkę, ale u mnie efekt miałby być przy kliknięciu w dany odnośnik w menu. Zaznaczam, że u mnie strona to jedna podstrona i np. dla podstrony Kontakt będzie to "www.link.pl/#contact".

0

http://www.thepetedesign.com/demos/onepage_scroll_demo.html#2

Po prawej masz kropki, które służą do przemieszczania między treścią na stronie. Można je dowolnie modyfikować np. uzyskając strzałkę na jednej stronie.
Mam nadzieję, że pomogłem ^^

0

Nie bardzo wiem jak to zrobić żeby działało. Hmm, żeby do menu dodać.
Bo teraz jest tak, że jak klikasz w dany link w menu to przenosi się do diva, np. div nazywa się bar2 lub contact i go do niego przenosi bo przy divie jest <a name="contact" id="contact">. I jak zrobić żeby płynnie przechodziło do niego.

0

Jak korzystasz z jQuery to przy klinięciu w link musisz pobrać odległość danego elementu od góry strony a następnie skorzystać z animate.
Mniej więcej tak by to wyglądało:

$('a').click(function(e){
e.preventDefault();
var target = $(a.attr('href'));
var offsetTop = target.offset().top;
$('html,body').animate({'scrollTop':offsetTop+'px'},1000); //1000 to czas w ms wykonywania animacji
});
0

Już to zrobiłem całkeim inaczej :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1