CODEWITHSUNDEEP
htmlcssfirefox
Farzaneh Torkpichlou
Farzaneh Torkpichlou

Reputation: 2496

What is the problem about "fixed" position in Firefox mobile?

In the following path, when you play a music in the Firefox browser on mobile, a player will be displayed in the bottom of view-port, when you work with player some elements will be hided!

I have a such problem with a fixed element which has zero bottom! How do I can fix it?

https://www.qwant.com/music/album/lonny-montem-what-kind-of-music-do-you-play-ep/overview

Upvotes: 1

Views: 1480

Answers (1)

Farzaneh Torkpichlou
Farzaneh Torkpichlou

Reputation: 2496

I fixed it!

It caused by hiding address bar when you scrolling in the Firefox mobile app.

I resolve it by preventing hiding address bar with adding some styles to the parent element or a wrapper in the body (You can disable this option in the customize section of Firefox browser to test).

 .wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }

Upvotes: 1

Related Questions