The normal behavior of content on a page is to go off the viewport as the user scrolls through. However, you may need to provide quick access to functions or information persistently through the entire page.
Present the content positioned fixed to the edges of the browser window, over the page, and assuring that it is visible through the entire page.
FIXED CONTENT allows us to provide quick access to functions that need to be present through the entire page, or alert the user of some important information. Given that, it is commonly used for designing web applications or to give a more native look to the interface.
A major drawback1 with this pattern is that it takes a considerable amount of space, which is already a limited asset on these devices. Besides of the already small height of the device, we have to account for the OS toolbar, the browser chrome, and a potential keyboard, all those contributing for reducing the effective the real estate of the page. This problem is even more prevalent when the device is oriented in landscape. Therefore, make sure that any FIXED CONTENT is absolutely essential in your website.
- Bottom Navigation in Designing Interfaces
- Fixed Menu in Designing Mobile Interfaces