為了改善您的使用體驗，本網站正在進行維護，部分功能暫時無法使用。若本站的文件無法解決您的問題，想要向社群發問的話，請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問，我們的社群成員將很快會回覆您的疑問。

Avatar for Username

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊，或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

此討論串已被封存。 如果您有需要幫助，請新增一個新問題

How do I force "toolbars" on web pages to scroll up and away when I scroll the page?

  • 4 回覆
  • 2 有這個問題
  • 1 次檢視
  • 最近回覆由 cor-el

RobStow
RobStow
more options

A lot of pages have one or more toolbars or widgets that remain locked in place at the top of the web page when you scroll up and down. How do I disable their ability to do that? It is so annoying when crap like that takes up 1/3 of your screen and thus leaves much less area available for what you are trying to read. The attached image is for a particularly annoying page that is typical of the way mentally handicapped web developers at ESPN waste your screen space: sports.espn.go.com/nfl/standings has *THREE* of those annoying widgets: one goes away when you scroll down enough but you are stuck with the other two no matter how far down you scroll.

Many web pages compound the problem by also putting locked-in-place content at the bottom of the page, further reducing the useable viewing area - crap like that should not be visible until you scroll down to the very bottom of the web page.

A lot of pages have one or more toolbars or widgets that remain locked in place at the top of the web page when you scroll up and down. How do I disable their ability to do that? It is so annoying when crap like that takes up 1/3 of your screen and thus leaves much less area available for what you are trying to read. The attached image is for a particularly annoying page that is typical of the way mentally handicapped web developers at ESPN waste your screen space: sports.espn.go.com/nfl/standings has *THREE* of those annoying widgets: one goes away when you scroll down enough but you are stuck with the other two no matter how far down you scroll. Many web pages compound the problem by also putting locked-in-place content at the bottom of the page, further reducing the useable viewing area - crap like that should not be visible until you scroll down to the very bottom of the web page.
附加的畫面擷圖

被選擇的解決方法

You could possibly use the Stylish extension to add some site specific rules to hide these elements, but that will hide them completely. 

@-moz-document domain(sports.espn.go.com){
 #global-scoreboard { display:none!important; }
 #global-header { display:none!important; }
}
從原來的回覆中察看解決方案 👍 1

所有回覆 (4)

FredMcD
FredMcD
more options

That is from the way the page is programmed. Some have a closing X but many do not.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

選擇的解決方法

You could possibly use the Stylish extension to add some site specific rules to hide these elements, but that will hide them completely. 

@-moz-document domain(sports.espn.go.com){
 #global-scoreboard { display:none!important; }
 #global-header { display:none!important; }
}
RobStow
RobStow 提出問題者
more options

That Stylish suggestion works very well - many thanks. I already had Stylish installed and was in the process of trying to figure out how to make those elements scrollable - I never thought about just hiding those useless things completely. Even bald guys have blonde moments.

What really lit my fuse today was wanting to be able to fit the standings for an NFL conference onto a screen and not being able to even after zooming the page down to 80% ... at which point my old eyes couldn't read anything anymore.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome.

Note that you can right-click in item and open the Inspector (Inspect Element) to find the ID or other selector of an element.

In this case there is probably a lot of JavaScript present that complicate things, so hiding unwanted elements is probably easiest in this case.