iOS Safari Full Height Bug Fix (Floating Tab-Bar)
Mir ist schon bei einigen Page Transitions und vollflächigen Hintergrund DIVs aufgefallen, dass Safari auf iOS Geräten wie dem iPhone ziemlich Probleme hat, die Einheit VH richtig zu interpretieren. Was wir ja oft mit VH meinen, ist, er soll ein Element in der kompletten Höhe des Browsers darstellen. Bei iOS haben wir aber eine bewegliche Tab-Bar im unteren Bereich, die verschwindet, sobald der Seitenbesucher scrollt. Erst beim aufwärts Scrollen kommt sie wieder zum Vorschein. Deshalb ist 100vh oft nicht gleich die komplette Höhe. Die bessere Lösung ist hier 100% zu nutzen und auf vh zu verzichten. Im Video zeige ich dir wie.
----------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
#webflow #websitedesign #webdesign
---------------------------------------------
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite
----------------------------------------------
// MEIN WEBDESIGN UND FREELANCER BLOG
► https://jonasarleth.com/blog
----------------------------------------------
// SOCIAL MEDIA
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
----------------------------------------------
Affiliate Links