Kill sticky headers.

kill-sticky.js

(function () { 
  var i, elements = document.querySelectorAll('body *');

  for (i = 0; i < elements.length; i++) {
    if (getComputedStyle(elements[i]).position === 'fixed') {
      elements[i].parentNode.removeChild(elements[i]);
    }
  }
})();

http://alisdair.mcdiarmid.org/2013/05/29/kill-sticky-headers.html

http://alisdair.mcdiarmid.org/2013/05/29/kill-sticky-headers.html

for (var i in elements.length) { !
For Each > For.

for (var i in elements.length) { !
For Each > For.

Brilliant on mobile. Adding a bookmarklet is a bit of a pain on iOS; I used these directions: https://apple.stackexchange.com/a/74208/22536. I had no problem copying the formatted JS text from the article and prefixing it with "javascript:" when editing the bookmark.

Brilliant on mobile. Adding a bookmarklet is a bit of a pain on iOS; I used these directions: https://apple.stackexchange.com/a/74208/22536. I had no problem copying the formatted JS text from the article and prefixing it with "javascript:" when editing the bookmark.

elements[i].style.position = 'absolute' isn't that better? So you don't have to refresh the page if your nav was sticky

elements[i].style.position = 'absolute' isn't that better? So you don't have to refresh the page if your nav was sticky

You might also want to check for position sticky since that has decent support now.

You might also want to check for position sticky since that has decent support now.

yes, what @terwanerik said, but I'd suggest 'static' instead of absolute.

yes, what @terwanerik said, but I'd suggest 'static' instead of absolute.

extension doesn't work in twitter :\

extension doesn't work in twitter :\

This also kills headers that use position: sticky:

    if (["sticky", "fixed"].includes(getComputedStyle(elements[i]).position)) {

(line 5)

This also kills headers that use position: sticky:

    if (["sticky", "fixed"].includes(getComputedStyle(elements[i]).position)) {

(line 5)