vue100vh
Vue component
This is a workaround for iOS Safari and other mobile browsers.
Forked from react-div-100vh by mvasin.
Add in your Vue project
npm i vue-100vh
The default behavior
<template> <vue100vh :="{height: '100rvh';}"> <marquee>Your stuff goes here</marquee> </vue100vh></template> <script>import vue100vh from 'vue-100vh' components: vue100vh </script>
rvh
units
Using <vue100vh :="{ minHeight: '50rvh' }"> <marquee>This is inside a div that takes at least 50% of viewport height</marquee> </vue100vh>