Ucięta część diva kiedy scroll na samym dole w przeglądarce mobilnej |
Ucięta część diva kiedy scroll na samym dole w przeglądarce mobilnej |
20.01.2021, 11:38:46
Post
#1
|
|
Grupa: Zarejestrowani Postów: 32 Pomógł: 0 Dołączył: 18.02.2017 Ostrzeżenie: (0%) |
Cześć, jak rozwiązać problem:
mam diva głównego szerokość 100%, wysokość 100vh w głównym divie są dwa divy - lewy i prawy - mają po 50% szerokości i 100vh wysokości i float (left, right) z tym że lewy ma overflow-y: auto a prawy scroll. Na przeglądarkach komputerów (firefox, chrome, ie, opera) wygląda tak jak zamierzony efekt a na telefonie prawy div po skrolowaniu w dół - jego częśc (spód) jest zasłonięta przez pasem nawigacyjny telefonu. |
|
|
20.01.2021, 11:46:39
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 782 Pomógł: 1826 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
-------------------- |
|
|
20.01.2021, 12:12:31
Post
#3
|
|
Grupa: Zarejestrowani Postów: 32 Pomógł: 0 Dołączył: 18.02.2017 Ostrzeżenie: (0%) |
dziękuję trueblue za artykuł i szczególnie to zdanie mi rozjaśniło umysł: "If you opened your browser and started to load a website, 1vh was equal to 1% of your screen height, minus the browser interface. But! If you start scrolling, it’s a different story."
dlatego napisałem taką funkcję
Czyli: jak wykryje że przeglądarka jest mobilna to przy ładowaniu strony, scrollowaniu, resizingu i przy zmianie orientacji sprawdza wewnętrzną wysokość okna przeglądarki i dostosowuje wysokość prawego diva. Przetestowane na trzech różnych przeglądarkach w telefonie i 4 na komputerze - wszędzie działa aż miło. Chyba że byście coś dodali albo coś zmienili w kodzie żeby był jeszcze bardziej działający (wiecie o co chodzi ). |
|
|
20.01.2021, 12:18:10
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 782 Pomógł: 1826 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Fajnie, ale w artykule jest dużo prościej:
Tak stylujesz element: Cytat
A tak ustawiasz wartość zmiennej --vh przy DOMContentLoaded, load, resize, orientationchage: Cytat
-------------------- |
|
|
20.01.2021, 12:24:19
Post
#5
|
|
Grupa: Zarejestrowani Postów: 32 Pomógł: 0 Dołączył: 18.02.2017 Ostrzeżenie: (0%) |
nie chciałem bezmyślnie kopiować tergo - do dziś nie wiedziałem że da się łączyć css z js w ten sposób (no ale zostane przy kodzie z artykułu). to teraz wszystko śmiga - dziękuję
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.09.2024 - 22:19 |