Some pages have NON-scrollable headers. Can I make those scroll?

Hi

I know what you mean, but I believe this is more an element of the web page design than an issue with Firefox.

Seburo said

Hi I know what you mean, but I believe this is more an element of the web page design than an issue with Firefox.

No, it's entirely an issue with Firefox if Firefox supplies a way to override the scrolling behavior.

Consider if my question had been extremely noob in nature and actually this instead: "The fonts on the pages I use are too small. Is there a way to make them bigger?" Would you then answer that this was more an element of the web page design? No, of course not. Or at least I HOPE not. (Barring locked-down CSS etc.)

Is there perhaps an addon that I'm not finding that can address this? Or does FF supply no way of overriding this specific behavior? (Or won't or can't).

Thanks

Check your zoom controls. Holding down the <Control>(Mac=Options) key, press; + (plus) enlarge - (minus) reduce 0 (zero) restore

Sorry, the trend is everywhere: even on this page, once you scroll bar enough, a fixed header appears.

I don't know whether there is a single "neat" solution for this, but I have seen some suggestions and workaround. Your main choices are:

• Extension - a stand-alone add-on - typically has a choice of automatic or on-demand operation - you could search here: https://addons.mozilla.org/firefox/extensions/

• Userscript - a script that is applied to pages using the Greasemonkey extension - may have a choice of automatic or on-demand operation - I don't know of one off the top of my head

• Bookmarklet - a script you save onto your Bookmarks Toolbar or Bookmarks menu that you apply to pages with a click (so on-demand, not automatic) - I found one in a search but haven't tested it: https://alisdair.mcdiarmid.org/kill-sticky-headers/

• Custom Style Rules - these are little overrides that you create on a site-by-site basis, rather than trying a one-size-fits-all solution - example in this thread: How do I force unpin objects (ex: menu bars) on websites such as leagueoflegends.com so that they cannot follow my scrolling?

You can right-click this header and check what element this in the Inspector. Then you can create a rule for userContent.css or Stylish to hide this element. Note that there is usually some JavaScript involved that detect the scroll position and modifies class names.

For this forum:

@-moz-document domain(support.mozilla.org){
 body.scroll-header{padding-top:45px!important}
 body.scroll-header>header{visibility:collapse!important;opacity:0}
}

• https://support.cdn.mozilla.net/static/build/common-min.80cc97d7f66d.js

$(window).scroll(_.throttle(function(){if($(window).scrollTop()>$("body > header").outerHeight()){$("body").addClass("scroll-header")}else{$("body").removeClass("scroll-header")}},100));

• https://support.cdn.mozilla.net/static/build/common-min.e8b3c24a8874.css

body.scroll-header{padding-top:151px}
body.scroll-header>header{background:#fff;-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);height:50px;padding:0;position:fixed;top:0;width:100%;z-index:97}

FredMcD said

Check your zoom controls. Holding down the <Control>(Mac=Options) key, press; + (plus) enlarge - (minus) reduce 0 (zero) restore

I'm afraid you didn't read what was written.

jscher2000 said

I created an experimental userscript that integrates into the right-click context menu. This is a little bit wasteful because it's always there whether useful or not, but computing whether it's needed every time you right-click would be wasteful as well. First you need the Greasemonkey extension: https://addons.mozilla.org/firefox/addon/greasemonkey/ Then you can install the user script from this page: https://greasyfork.org/en/scripts/26175-unfix-fixed-position-element-on-firefox-context-menu

THANK YOU!!!! This works perfectly! Did you cobble this together just now because of my post?

jscher2000 said

* Bookmarklet - a script you save onto your Bookmarks Toolbar or Bookmarks menu that you apply to pages with a click (so on-demand, not automatic) - I found one in a search but haven't tested it: https://alisdair.mcdiarmid.org/kill-sticky-headers/

BTW, I wanted to thank you for your earlier reply. I had already done extensive searching, but had failed, mostly because "sticky headers" never occurred to me as a search query and everything else I looked for that mentioned "header" had to do with HTTP/HTML headers. Oye.

The bookmarklet (another technology that I didn't know existed, thank yoU!) above *does* in fact work (at least on this support.mozilla.org page), but it doesn't toggle the way yours does.

Yours works great! Thanks again!

tgm1024 said

THANK YOU!!!! This works perfectly! Did you cobble this together just now because of my post?

Pretty much. Sometimes I have nothing to do on a Friday night, it's just me and the computer. ;-)