搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Scroll bar always visible on new tab page

  • 6 个回答
  • 2 人有此问题
  • 11 次查看
  • 最后回复者为 kaalakiota

more options

Pretty much what the title says - I always have a scrollbar on new tab page, whether or not the content fits in the viewport. It's not so obvious with light theme, but with dark theme there's a glaringly obvious light (greyed out, because it does nothing) scroll bar. I'm fairly confident this shouldn't be here, but not sure why it is.

Pretty much what the title says - I always have a scrollbar on new tab page, whether or not the content fits in the viewport. It's not so obvious with light theme, but with dark theme there's a glaringly obvious light (greyed out, because it does nothing) scroll bar. I'm fairly confident this shouldn't be here, but not sure why it is.

被采纳的解决方案

By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:

  • overflow-y: hidden => cut off content that is too long
  • overflow-y: scroll => always show a scroll bar even when it's not needed

The new tab page has the second of those.

It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.

Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:

/* New Tab Page: No vertical 
   scroll bar unless needed */
body.activity-stream {
  overflow-y: auto !important;
}
定位到答案原位置 👍 1

所有回复 (6)

more options

Image didn't attach to the original post - attached here

more options

选择的解决方案

By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:

  • overflow-y: hidden => cut off content that is too long
  • overflow-y: scroll => always show a scroll bar even when it's not needed

The new tab page has the second of those.

It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.

Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:

/* New Tab Page: No vertical 
   scroll bar unless needed */
body.activity-stream {
  overflow-y: auto !important;
}
more options

Oh, I didn't see your screenshot. Is that dark page theme built-in or added on?

more options

Thanks for the quick reply. That's just the built-in dark theme - it doesn't look good with the light W10 system scrollbars, hence me thinking that this was an issue rather than a deliberate choice for the css property to be set like that on the new tab page.

The css snippet you posted does the trick though!

more options

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.

  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
more options

cor-el said

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.
  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))

Hi, thanks for the suggestion - the new tab page wasn't zoomed though.

I'll mark this issue as closed since jscher2000's css does get rid of the scroll bar (which I prefer), and the "issue" itself is apparently by design