 [CSS] Pływający DIV |
  |
| [CSS] Pływający DIV |
 5.03.2012, 04:06:03
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%) 
 |
Witam, jak uzyskać efekt DIVa który pływa i zatrzymuje się w odpowiednim miejscu? Jako przykład proszę zobaczyć stronę www.9gag.com scrollując w dół po prawej stronie jest content który przesuwa się aż do momentu zatrzymania na belce headera.
Pozdrawiam. Ten post edytował Gray 5.03.2012, 04:06:40 |
 |
 
|
|
5.03.2012, 06:15:37
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 709 Pomógł: 176 Dołączył: 24.10.2010 Ostrzeżenie: (0%) 
|
-------------------- http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
|
|
|
|
|
5.03.2012, 15:45:34
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
@d3ut3r position fixed ustala stałe położenie DIVa względem okna przeglądarki... a efekt którego podałem przykład jest inny, ten DIV jest ustalony jak relative ale przwija się do pewnego momentu, do zatrzymania się na belce headeru...
|
|
|
|
|
5.03.2012, 15:49:10
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
Musisz obliczyć pozycje scrolla względem wysokości i później zmienić pozycję dla tego elementu gdy ją przekroczy.
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
5.03.2012, 16:03:34
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
To raczej nie to, poza tym w czym ja miał bym to zakodować? zauważ że na tej stronie którą podałem jako przykład, każdy tytuł obrazka ma tą samą właściwość, przesuwa się do pewnego momentu...
|
|
|
|
|
5.03.2012, 16:38:50
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
W JS a w czym. Najprościej będzie w jQuery.
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
5.03.2012, 16:45:08
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
W takim przypadku zna ktoś taki skrypt? o takim działaniu? albo chociaż pod jaką frazą go szukać w googlu?
|
|
|
|
|
5.03.2012, 16:49:07
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
5.03.2012, 17:19:03
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
Dzięki ale ten czerwony kwadracik w żadnym wypadku nie zachowuje się jak podany przeze mnie przykład...
|
|
|
|
|
5.03.2012, 17:40:50
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
A niby czym odbiega? Wszytko działa dokładnie identycznie jak przykład który podałeś.
Ten post edytował !*! 5.03.2012, 17:41:56 -------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
5.03.2012, 17:57:00
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
z tego co widzę, to ten czerwony kwadrat pojawia się na początku białego DIVa a kiedy zescrolluję niżej znika następnie pojawia się na końcu białego diva.
na 9gag.com po prawej stronie znajdują się 2 kwadratowe boxy z reklamami googla... przewijając w dół pierwszy z nich normalnie się zachowuje ale drugi łącznie z działem recommended "przykleja" się do belki headeru i scrolluje się razem z nią... do samego dołu strony. Ten post edytował Gray 5.03.2012, 17:59:55 |
|
|
|
|
5.03.2012, 18:08:08
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
Nawet nie zadałeś sobie trudu aby sprawdzić kod który podałem. http://jsfiddle.net/xHQyK/show/
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
5.03.2012, 18:20:58
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 5.04.2010 Ostrzeżenie: (10%)
|
Aha no sorry, nie wiem co to jest ten http://jsfiddle.net, myślałem, że to co wyświetla w prawym dolnym okienku to jest prawidłowy rezultat, po tym nowym linku wydaje się być ok, dzięki!
Ten post edytował Gray 5.03.2012, 18:21:39 |
|
|
|
| -Taedh- |
23.04.2012, 19:33:10
Post
#14
|
|
Goście |
Witam serdecznie,
Bardzo proszę o informację jak zaimplementować ten kod na stronę, próbuje już od paru godzin i mi nie wychodzi 
|
|
|
|
|
24.04.2012, 09:32:22
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
Tak samo jak inne kody. Polecam kurs html i przejrzenie źródła. http://jsfiddle.net/xHQyK/show/
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 22.05.2025 - 07:19 |
