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..