Unfix Fixed Elements

Intelligently reverses ill-conceived element fixing on sites like Medium.com

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
x0a
Daily installs
1
Total installs
112
Ratings
0 0 0
Version
3.0
Created
2018-12-16
Updated
2019-06-07
Size
13.2 KB
License
N/A
Applies to
All sites

Description

Removes annoying sticky headers, footers, navigation bars and banners from websites like Medium.com

Synopsis

On my personal laptop, the header and footer on Medium.com obscure a whopping 40% of horizontal screen space.

A very simple, but naive, way to solve the problem would be to find and override every fixed block element with {display: none}. This works but you may lose important elements of the page such as navigation, modals, alerts and prompts. Another method would be to change position to "relative", "static" or "absolute". But this severely breaks scrolling on a site like Medium, and can lead to garbled pages if an element's position in HTML is vastly different from its expected position on the page. A much more effective solution is to conditionally hide/show fixed elements depending on the user's scroll position on the page.

Additional usage

Press Alt + Shift + F to toggle unfixing and re-fixing on a specific website. The exemption will be remembered until you hit Alt + Shift + F again.