Live data from Hacker News

Kill Sticky Headers (2013)

alisdair.mcdiarmid.org

81–84 of 84 posts

Re: Kill Sticky Headers (2013)

#81
post #51

Instead of a bookmarklet I recommend using a browser extension like greasemonkey or tampermonkey to autorun the script and have the sticky headers unstuck on page load. No manual work of clicking the bookmarklet.

They explain in the article why they don't like that.

The snippet in article removes the element, while I was suggesting to just change the position type to unstick instead of removing completely.

Re: Kill Sticky Headers (2013)

#82
post #60

Earlier quoted context omitted.

What’s funny, there is a good way to do that: just look how ios safari urlbar works. When you scroll up, it collapses and bottom menu slides off-screen too. Then when you scroll up by dragging it (no ‘kick’ up), it remains collapsed. But if you ‘kick’ up, it shows both urlbar and bottom buttons at full size. It’s like that since ios 7, afair. Websites just show it on scroll-up no matter how you do it, so annoying.

What do you mean by "kick up"?

Put your finger on screen, move it quickly enough down, lift it while moving, so content still scrolls inertially. As opposed to put, drag, stop, lift.

Re: Kill Sticky Headers (2013)

#83
post #31

Earlier quoted context omitted.

You can add https://github.com/yourduskquibbles/webannoyances#one-click-... to UBlock Origin as a custom list instead of removing them yourself. Disclaimer: I've never tried it.

Thank you! Installed. Commenting so I can find it later and put on other computers.

Please don't comment for that reason. Favorites are intended for things like this. To add a comment to your favorites list, click on its timestamp to go to its page, then click 'favorite' at the top. You can revisit your favorites from your profile.

Re: Kill Sticky Headers (2013)

#84
post #72
post #66

Earlier quoted context omitted.

This is a real failure of browsers, by the way. The table HTML has all the semantic information necessary, browsers could use it to improve table usability (such as sticky headers) but none ever bothered to try.

Developers can opt into this with CSS now. th { position: sticky; top: 0; } I don't think it would have been reasonable to include/force such functionality at the spec level.

Unfortunately this only works on `th` and not `table > thead` or even `thead > tr` which is annoying because things like `tr` backgrounds won’t be displayed which look ugly if you have cell spacing without a cell border.
Post reply on HN