Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Przyklejony DIV bez CSSa
piotrex41
post 4.07.2012, 17:17:27
Post #1





Grupa: Zarejestrowani
Postów: 168
Pomógł: 26
Dołączył: 15.09.2011
Skąd: Wrocław

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


Witam,

Na początek przepraszam, jeśli zły dział, ale w zasadzie nie wiem gdzie to pytanie umieścić.

Do rzeczy: Tworzę stronę, która ma działać na urządzeniach mobilnych (iPad, iPhone, tablet, telefon itp.). Wykorzystałem w tym celu jQuery mobile, ale jedna rzecz musi być zrobiona - górna belka (menu) musi być przyklejona do góry okna przeglądarki. Niestety przy iPad 2 pojawia się problem. Nie czyta
  1. position:fixed;

Teraz moje pytanie, jak uzyskać efekt taki, jak daje kod powyżej, bez użycia tego kodu tongue.gif Może JS (jQuery)?

Tu zaznaczę, że dużo szukałem w internecie jakiegoś fixa dla iPad'a ale nie znalazłem nic co by na nim działało.

Pozdrawiam,
~piotrex41


--------------------
www.piotrex41.pl - piotrex41 portfolio
d(-.-)b - Music is my life || PHP is my passion
Go to the top of the page
+Quote Post
kamil4u
post 4.07.2012, 17:46:55
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


A jak tam z obsługą paska bocznego? Może możesz wykorzystać scrollTop ? https://developer.mozilla.org/en/DOM/element.scrollTop


--------------------
Go to the top of the page
+Quote Post
piotrex41
post 4.07.2012, 17:56:51
Post #3





Grupa: Zarejestrowani
Postów: 168
Pomógł: 26
Dołączył: 15.09.2011
Skąd: Wrocław

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


O ile się nie mylę, nie ma tam paska bocznego, przewijanie odbywa się normalnie, ale bez niego. Ale jutro w pracy jeszcze sprawdzę, bo nie mam iPad'a w domu. Dzięki.

Ten post edytował piotrex41 4.07.2012, 17:57:09


--------------------
www.piotrex41.pl - piotrex41 portfolio
d(-.-)b - Music is my life || PHP is my passion
Go to the top of the page
+Quote Post
kamil4u
post 4.07.2012, 17:59:17
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


No to na pewno jest coś czym można sprawdzić o ile przesunięto ekran. Wykorzystaj to.


--------------------
Go to the top of the page
+Quote Post
prowseed
post 4.07.2012, 19:26:56
Post #5





Grupa: Zarejestrowani
Postów: 433
Pomógł: 64
Dołączył: 29.01.2011
Skąd: Warszawa

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


Możesz zrobić diva o wysokości 100% i szerokości 100% i do niego wpakowac menu z position:absolute; + atrybut overflow:auto; dla scrollowanych tresci, jakos tak na okolo ale ostatecznie powinno grac.


--------------------
Go to the top of the page
+Quote Post
piotrex41
post 5.07.2012, 08:42:02
Post #6





Grupa: Zarejestrowani
Postów: 168
Pomógł: 26
Dołączył: 15.09.2011
Skąd: Wrocław

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


Dzięki wam obu za rady, ale ostatecznie zrobiłem tak, że <header> pozostaje w position:absolute a div#content ma position:absolute;top:-80px; bo mój header ma 80px i ten div ma skrypt scrollowania, dzięku czemu nie przewijam strony, tylko zawartość DIVa, co pozwoliło mi obejść problem z pozycją na iPadzie wink.gif Jeszcze raz dzięki, bo wasze posty mnie naprowadziły na rozwiązanie.


--------------------
www.piotrex41.pl - piotrex41 portfolio
d(-.-)b - Music is my life || PHP is my passion
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 22.07.2025 - 15:47