Is it possible to remove the header using js in mobile browsers?

Question

JavaScript

The header from the browser in my case is chrome, I want to hide it. (The header is the URL and the menu button, when you scroll down, it goes away, like it doesn't exist, it turns out like an application). But I suspect that it is not on the scroll, but on some event from the touchscreen goes

Answer 1

It "leaves" precisely on the body scroll.
To avoid it, you need to make a PWA.
https://medium.com/progressive-web-apps/progressiv...

Answer 2

No. This is a browser element. It will not work to hide it at the request of the site developer.
I don't know of an API from the W3C or browsers that provide this functionality...

Answer 3

Is it possible at all@mediadisplay:none;

Answer 4

may help html5.by/blog/fullscreen-javascript-api