Slider "scroll" dla strony www.

Odpowiedz Nowy wątek
2014-08-12 23:59

Rejestracja: 6 lat temu

Ostatnio: 5 lat temu

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".

Pozostało 580 znaków

2014-08-13 09:03

Rejestracja: 6 lat temu

Ostatnio: 1 rok temu

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 ^^

edytowany 1x, ostatnio: nieznasz, 2014-08-13 09:03

Pozostało 580 znaków

2014-08-13 11:04

Rejestracja: 6 lat temu

Ostatnio: 5 lat temu

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.

edytowany 1x, ostatnio: djmazag, 2014-08-13 11:05

Pozostało 580 znaków

2014-08-14 16:07

Rejestracja: 8 lat temu

Ostatnio: 4 lata temu

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
});
edytowany 1x, ostatnio: Tomek89Tar, 2014-08-14 16:11

Pozostało 580 znaków

2014-08-14 16:42

Rejestracja: 6 lat temu

Ostatnio: 5 lat temu

0

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

Jak rozwiązałeś inaczej to mógłbyś się podzielić jak żeby inni z takim problemem mieli odpowiedź;) - Tomek89Tar 2014-08-15 14:05

Pozostało 580 znaków

Odpowiedz

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