Horyzontalne przewijanie podstron.

Question

Cześć. Chcę zrobić stronę gdzie po kliknięciu w menu podstrony będą się przewijały horyzontalnie. Nawigacja, stopka i background-image zostają na swoim miejscu. Zaczynam właśnie stosowanie jQuery, może ktoś coś podpowie.

Pozdrawiam :)

Answer 1

Analogicznie jak slider

Comments

Dzięki. Znalazłem taki tutorial do slidera JS: http://kursjs.pl/kurs/dom/slider.php

Chyba, że zna ktoś coś lepszego.

Pozdrawiam :)

Answer 2

Do utrzymania w miejscu nawigacji i stopki najlepiej dać w CSS position: fixed;, do background-image background-attachment: fixed  (tutaj).

#nav, #footer {
   position: fixed;
}
body {
   background-attachment: fixed;
}

Jeżeli używasz jQuery, do przewijania możesz skorzystać z pluginu scrollTo, który pojawił się w 4. odcinku kursu HTML u pana Zelenta. Wygląda to mniej więcej tak:

$('#ID_linku').click(function() {$.scrollTo($('#ID_elementu'), czas_przewijania)});

gdzie zamiast obiektu $('#ID_elementu') możesz dać piksele od początku strony

Comments

Dzięki za odpowiedź :) ale chodziło mi o przewijanie podstron w poziomie a nie o przewijanie onepage'a w pionie.

---

Po%@#$%^&*&^ mi się horyzontalne z wertykalnym. Mogłeś po prostu napisać poziome. Chyba była na to funkcja w czystym JS, ale nie miała efektu przejścia (chyba, właściwie nigdy jej nie potrzebowałem).