position: sticky;
top: 0;
z-index: 10; position: sticky;
top: 0;
z-index: 10;There are plenty of extensions and such to let you do stuff but it would be cool if it became easy and normal and built in for users to adjust and control their experience instead of all the ad- and spyware nonsense.
news.ycombinator.com###hnmain > tbody > tr:first-child:style( position: sticky; top: 0; z-index: 10;)
/* ==UserStyle==
@name HN sticky topbar
@namespace https://news.ycombinator.com/user?id=wizzwizz4
@version 1.0.0
@description Pins the HN topbar to the top of the viewport.
@author wizzwizz4
==/UserStyle== */
@-moz-document domain("news.ycombinator.com") {
#hnmain > tbody > tr:first-child {
position: sticky;
top: 0;
}
}
<svg height="32" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 27 14-29 14 29z" fill="#999"/></svg>
.rotate180 {
-webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
-moz-transform: rotate(180deg); /* FF */
-o-transform: rotate(180deg); /* Opera */
-ms-transform: rotate(180deg); /* IE9 */
transform: rotate(180deg); /* W3C complaint browsers */
/* IE8 and below */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand')";
}
/* ==UserStyle==
@name HN sticky topbar
@namespace https://news.ycombinator.com/user?id=wizzwizz4
@version 1.1.0-alpha
@description Pins the HN topbar to the top of the viewport.
@author wizzwizz4
==/UserStyle== */
@-moz-document domain("news.ycombinator.com") {
#hnmain > tbody > tr:first-child {
position: sticky;
top: 0;
}
.votearrow.rotate180 {
transform: none;
background-image: url(y18.svg);
}
}It takes up precious screen space for something that isn’t useful enough to need to be on screen constantly. And I can always just tap the top of the screen to jump to the top in a fraction of a second.
markus_zhang•2h ago
Please make an option to turn it off if it is to be implemented.