Fixed Headers Complaints

Users express frustration with CSS position: fixed headers and navigation elements that permanently occupy screen real estate, obstructing content readability on websites. They share hacks like browser extensions, inspect element tweaks, and alternatives such as position: sticky or scroll-padding.

📉 Falling 0.5x Web Development
2,491
Comments
20
Years Active
5
Top Authors
#8669
Topic ID

Activity Over Time

2007
1
2008
5
2009
25
2010
55
2011
101
2012
218
2013
229
2014
175
2015
109
2016
128
2017
160
2018
135
2019
185
2020
145
2021
172
2022
182
2023
173
2024
127
2025
153
2026
13

Keywords

VW US CSS dropbox.com VH JS mcdiarmid.org caniuse.com JavaScript ADDED sticky fixed position scroll elements header browser scrolling screen height

Sample Comments

brokenparser • Feb 2, 2014 • View on HN

Give me back my vertical screen real estate!(inspect element... untick position: fixed... done)

taejo • May 20, 2019 • View on HN

I use the extension "Hide Fixed Elements" which is similar.

robertoandred • Jan 5, 2025 • View on HN

Note to web devs: use scroll-padding to fix this: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padd...

freshyill • Jun 2, 2018 • View on HN

There’s an iOS app called Unobstruct that provides an extension that will removed position: fixed elements. It helped here.

iso-8859-1 • Dec 9, 2016 • View on HN

Probably, since position:fixed works: http://jsfiddle.net/brettadamsga/yeAhU/

davidddavidson • Mar 16, 2017 • View on HN

Using latest Chrome and the topnav is fixed/doesn't scroll along with the page

augustl • Jan 11, 2013 • View on HN

I wish my browser had a setting called "disable scroll events and position: fixed"..

kunalmodi • Jul 1, 2012 • View on HN

I hate that the header stays fixed, takes up like half the screen

Ygg2 • Sep 17, 2013 • View on HN

You could add Mozilla's position:sticky attribute :P

realusername • Feb 8, 2024 • View on HN

It's definitely nonstandard, you can scroll below a full screen fixed div..