Slider "scroll" dla strony www.

Slider "scroll" dla strony www.
djmazag
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 12
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".

nieznasz
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 239
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 ^^

djmazag
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 12
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.

T8
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 76
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:

Kopiuj
$('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
});
djmazag
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 12
0

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

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.