Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML]Cała strona na "jednej" stronie
smiesznylolek
post
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

Ostrzeżenie: (0%)
-----


mam takie pytanie, w jaki sposób można stworzyć stronę tego typu http://www.e-project24.pl/ ? Chodzi mi głownie o ten efekt że każda jakby z podstron jest na jednej stronie jest przewijana, mam nadzieję że rozumiecie o co mi chodzi:)
Go to the top of the page
+Quote Post
timon27
post
Post #2





Grupa: Zarejestrowani
Postów: 578
Pomógł: 69
Dołączył: 15.04.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Może powiedz z czym masz problem?
Bo chyba nie pytasz jak się robi stronę internetową w htmlu?
Jeśli chodzi o linki w menu to jest to java script:

  1. document.getElementById('id').scrollIntoView();


Ten post edytował timon27 26.04.2014, 09:43:53
Go to the top of the page
+Quote Post
Turson
post
Post #3





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Budujesz normalną stronę opartą na divach, np. <div id="oferta">
W jQuery używasz scrollTop() po naciśnięciu i wsio.
Go to the top of the page
+Quote Post
smiesznylolek
post
Post #4





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

Ostrzeżenie: (0%)
-----


to mniej więcej wiem, ale przeszukałem trochę internet i bardziej mi zależy nad takim efektem jak tu http://codepen.io/pederan/full/Hheuy , czyli to pojawianie i znikanie tla/zdjęcia.

Znalazłem coś takiego :http://lab.victorcoulon.fr/javascript/scrolly/ - było by to idealne, tylko się zastanawiam w jaki sposób to jest zrobione bo w tle są JPG o rozmiarze 1900x1200px i wadze ok 100KB (IMG:style_emoticons/default/ohmy.gif)

Ten post edytował smiesznylolek 26.04.2014, 10:38:49
Go to the top of the page
+Quote Post
Mega_88
post
Post #5





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


Pobierz sobie ten skrypt http://johnpolacek.github.io/scrolldeck.js/decks/parallax/ zobacz od środka jak jest zrobiony co gdzie i kiedy się przesuwa i co za to odpowiada, kilka obrazów w tle z różną szybkością się przesuwają i to cała filozofia nic trudnego.
Go to the top of the page
+Quote Post
Greg0
post
Post #6





Grupa: Zarejestrowani
Postów: 264
Pomógł: 54
Dołączył: 31.08.2007
Skąd: Tychy

Ostrzeżenie: (0%)
-----


Polecam również to https://github.com/alvarotrigo/fullPage.js
Zasada ta sama efekt również
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 07:55