Awasu » All stickies must die!
Tuesday 3rd January 2017 9:07 PM [General]

I'm not a big one for browser plugins and add-ons, but one thing I absolutely love is this simple, but very cool, bookmarklet. In the author's own words:

I hate sticky headers. I want to kill sticky headers.

So I made this bookmarklet.

It removes those unbelievably annoying full-page overlays, header bars, chat boxes, anything that stays in a fixed position, from a web page[1]Technobabble: it looks for anything with a CSS position of "fixed" and removes it from the DOM.. I so want this in Awasu, so I was mulling over how best to implement it, when it occurred to me that you could already do it :wall:

Simply create a new user tool[2]Choose "Organize user tools..." from the Tools menu. called, say, "Kill stickies", with the following Javascript:
javascript:(function(){(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]);}}})()})()

Then, when you browse to a page that has these pesky things on it, just run the user tool and they'll be removed from the page! 😎

Wishing y'all a great and sticky-free 2017 ::-):

   [ + ]

1. Technobabble: it looks for anything with a CSS position of "fixed" and removes it from the DOM.
2. Choose "Organize user tools..." from the Tools menu.

One Response to this post

Hey, thanks for that article, i was searching for exactly this but could not find any nice solution. I am currently collecting useful tools or sites to make the online life a little better. Keep up the good work.

Have your say