Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Problem z paskiem menu na urządzeniach apple.

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Problem z paskiem menu na urządzeniach apple.

Post 18.04.2017, 16:43:56

Problem dotyczy tej strony: https://goo.gl/z5xRXC. Problem występuje tylko na urządzeniu apple. Na windows, android jest ok. Gdy zjedziemy scrollem delikatnie w dół to uruchamia się klasa odpowiedzialna za wyświetlenie tła górnego paska, na którym jest logo (klasa ta nazywa się .bg-logo-scroll i ma ustawione: position: fixed; top: 0; left: 0). Gdy otworzymy wtedy menu to na urządzeniach apple ten pasek z logiem nie jest przyklejony na samej górze, a spada niżej. Szczegóły na screenie: http://www.fotosik.pl/zdjecie/5bcf216c61791f5f
Problem występuje tylko na apple i tylko gdy zjedziemy trochę stroną w dół i otworzymy menu.

Proszę o pomoc. Już nie wiem jak sobie z tym na apple Safari poradzić :(
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Re: Problem z paskiem menu na urządzeniach apple.

Post 18.04.2017, 19:45:00

Jaką masz wersję iOS i ewentualnie na jakim iPhonie to testujesz? Pytam, ponieważ u mnie na iOS 10.2 problem nie występuje. Na emulatorze iPhone 7+ z iOS 10.2 też nie potrafię zreprodukować problemu.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19665
Dołączył(a): 14.04.2002

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 11:51:08

Witam,

Dziękuję za odpowiedź. Uwagę zgłosił mi Klient, ja iphona nie mam więc testuję na tym sprzęcie https://goo.gl/EwLA8G (on ma chyba IOS 8) w .... sklepie.

Jestem w stanie zlecić nawet komercyjnie rozwiązanie tego problemu ponieważ ja nie wiem jak już sobie poradzić...
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 12:23:57

Sprawdzę dzisiaj na symulatorach ze starszymi wersjami iOS. Mam rozumieć, że problem reprodukuje się Tobie na wspomnianym iPhone 5s z iOS8?

-- edit

Sprawdziłem na symulatorze iPhone 5s z iOS8, ale też nie zreprodukowałem problemu, chyba, że nie rozumiem problemu albo wykonuję coś źle. A robię tak:
przewijam stronę mniej więcej do połowy wysokości zdjęcia i następnie otwieram menu. Menu się otwiera, pasek z logiem jest nadal na samej górze, jedyne co się robi, to zminimalizowany pasek adresu w przeglądarce powraca do "pełnej" wielkości.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19665
Dołączył(a): 14.04.2002

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 13:24:24

Wszystko robisz dobrze. Właśnie gdy tak robię to pasek spada jak na tym screenie http://www.fotosik.pl/zdjecie/5bcf216c61791f5f

Gdzie można znaleźć taki symulator iphone?
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 13:30:15

Musisz mieć komputer z systemem macOS i zainstalować IDE XCode. Razem z nim dostarczane są symulatory urządzeń Apple.
A jeśli nie masz macOS, ale masz przeglądarkę Safari i fizyczny dostęp do urządzenia na którym problem się reprodukuje, to możesz podłaczyć się debugerem i zbadać CSS elementów i wtedy odkryjesz co się dzieje. Innego wyjścia nie widzę.
U mnie ta strona wygląda tak: http://kukawski.pl/u/iphone5s.png

-- edit
jeszcze tego typu rozwiązanie przyszło mi do głowy https://www.browserstack.com
ale nie używałem, nie znam możliwości tego ani ograniczeń.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19665
Dołączył(a): 14.04.2002

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 13:45:00

Niestety nie dysponuję takim komputerem i urządzeniem, na którym jest błąd (sprawdziłem błąd w sklepie), nie mam możliwości też na urządzeniu Klienta ponieważ nie mieszka on tam gdzie ja. Czy ktoś z forumowiczów mógłby sprawdzić na swoim urządzeniu apple?
W sklepie na iPad mini problemu nie ma, natomiast na iPad pro już występuje.
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Re: Problem z paskiem menu na urządzeniach apple.

Post 19.04.2017, 14:17:40

Problem występuje również na iPhone 6 - IOS version, 10.3.1.
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Re: Problem z paskiem menu na urządzeniach apple.

Post 20.04.2017, 22:01:59

Sprawdziłem jeszcze na iPhone 5 z iOS 9.3.1. Buga też nie widzę. Niestety odpadam tutaj, ponieważ nie potrafię odtworzyć problemu u siebie.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19665
Dołączył(a): 14.04.2002


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50886 zarejestrowanych użytkowników.
Najnowszy użytkownik: ohufeni


Nasi użytkownicy napisali:

  • 936370 wiadomości
  • w 246834 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)