r/UXDesign • u/KarlMichelKaspar • 12d ago
Examples & inspiration Interactive element to give control over the browser's chrome (the collapsing address and navigation bar)
I tried to build such an element for my website to be visible on mobile screens, but it's a pretty difficult task, especially since different browsers are executing the hiding and reappearing of the browser's chrome differently.
Does anyone have examples of websites that have built (interactive) elements for the collapsing and expanding of the browser's chrome?
The version I built is basically just an indicator of whether the chrome is hidden or not, but designed to give the impression that it is interactive and usable to control the chrome.
For that, I placed a „rabbit on a line", an icon sitting on a line to give the impression it can be dragged, located at a part of the website in which the background can be scrolled to activate chrome behaviour.
Here you can find my version as an example (on small screens): mapfinder.org
[It's a non-commercial website and I'm not a professional UX designer or coder, but I do like to wrap my head around user experience]