DEV Community

Discussion on: Don't use 100vh for mobile responsive

View post

Replies for: You never should use static measurements to set a height nor a width unless it's completely necessary. On the other hand, using min-height: 100vh;...

Collapse
 
nirazanbasnet profile image
⚡ Nirazan Basnet ⚡ •

Here, I am not using static measurements. From js we can detect the app height and it automatically fits it and when we encounter browsers address bar then using 100vh does not solve the problem. In my case, above code doesn't solve the issue. But thanks for the reply.

Collapse
 
joelbonetr profile image
JoelBonetR 🥇 • • Edited

Positioning the bottom bar with

position: fixed;
left: 0;
right: 0;
bottom: 0;
Enter fullscreen mode Exit fullscreen mode

will fix your nav bar to the bottom without issues, then you can get the scroll to modify it's position to ptovide a js effect or to trigger a keyframe

Some comments have been hidden by the post's author - find out more