sodcalculator

10 Tech How-To

Fix Chrome Scrollbar Disappears

Guide 10-21637 · Updated · Step by step

If your Chrome scrollbar disappears, it’s usually because Chrome’s overlay scrollbar setting is enabled, or a website’s custom CSS is hiding it. You can fix this in a few minutes by adjusting Chrome’s flags or using a simple keyboard shortcut, depending on your operating system.

Why Does the Scrollbar Disappear?

Chrome has two types of scrollbars: classic (always visible) and overlay (auto-hiding). Overlay scrollbars are thin, semi-transparent bars that only appear while you’re actively scrolling. They’re part of Chrome’s modern design on Windows and Linux, and are always present on macOS by default. While they save screen space, many users find them difficult to see or click, especially on a desktop with a mouse.

Another common reason is that a website’s own CSS code hides the scrollbar for aesthetic purposes. This is common on image-heavy sites, portfolios, or landing pages. In that case, the scrollbar is gone only on that specific site, not everywhere in Chrome.

How to Force the Scrollbar to Always Show

If you want the classic, always-visible scrollbar on Windows or Linux, you can disable Chrome’s overlay scrollbars. This is done through Chrome’s experimental flags menu. Here’s how:

  1. Open Chrome and type chrome://flags into the address bar, then press Enter.
  2. In the search box at the top, type overlay scrollbars.
  3. Find the flag labeled Overlay Scrollbars (or Overlay Scrollbar on some versions).
  4. Click the dropdown on the right and select Disabled.
  5. Click the Relaunch button at the bottom of the page to restart Chrome.

After relaunching, the scrollbar will appear as a permanent, wider bar whenever there is scrollable content. Note that this flag is not available on macOS—there, the overlay scrollbar is a system-wide behavior controlled by your Mac’s settings.

Fixing a Scrollbar Hidden by a Website

If the scrollbar only disappears on a particular website, it’s likely the site’s CSS is hiding it. A quick way to force it back is to temporarily disable the site’s stylesheets. You can do this with Chrome’s Developer Tools:

  1. Press F12 (or Ctrl+Shift+I on Windows/Linux, Cmd+Option+I on Mac) to open DevTools.
  2. Click the Console tab.
  3. Type the following code and press Enter:
document.documentElement.style.overflowY = 'scroll';

This forces a scrollbar to appear immediately. It only affects the current page and resets when you reload. For a more permanent solution, you can use a browser extension that lets you inject custom CSS into specific sites, though that’s a heavier approach.

What About the Mouse Wheel and Keyboard?

Sometimes the scrollbar isn’t the real problem—you just can’t scroll at all. If the page doesn’t respond to your mouse wheel, try these checks:

  • Click on the page first to make sure it has focus.
  • Try using the arrow keys or Page Up/Page Down.
  • Check if your mouse has a smooth-scrolling mode that might be misbehaving.
  • If you’re on a laptop, try two-finger scrolling on the touchpad.

If scrolling works with the keyboard but not the mouse, the issue is likely your mouse driver or a Chrome extension that interferes with scrolling. Try disabling extensions one by one to isolate the culprit.

Chrome’s Scrollbar Settings on macOS

On a Mac, Chrome doesn’t have its own scrollbar setting—it follows the system-wide preference. To make scrollbars always visible on macOS:

  1. Open System Settings (or System Preferences on older versions).
  2. Go to Appearance.
  3. Next to Show scroll bars, select Always.

This change applies to all apps, not just Chrome. If you prefer the automatic behavior, you can choose When scrolling or Based on mouse or trackpad.

Common Misconceptions and Quick Fixes

Some users think the scrollbar disappears because of a virus or a Chrome update gone wrong. In reality, it’s almost always a setting or a site-specific style. Before resetting Chrome entirely, try these quick fixes:

  • Restart Chrome completely (close all windows and reopen).
  • Clear your browsing data (cookies and cache) in case a corrupted site script is causing it.
  • Check if the issue happens in Incognito mode. If it doesn’t, an extension is likely the cause.
  • Update Chrome to the latest version—old versions may have bugs that were later fixed.

If none of that works, you can reset Chrome settings to default, but that will remove your extensions and customizations. It’s a last resort.

Frequently Asked Questions

Why did my scrollbar disappear after a Chrome update?

Chrome occasionally changes default settings or introduces new features. If an update enabled overlay scrollbars on your system, you can turn them off using the chrome://flags method described above. If the scrollbar is missing only on certain sites, the update may have changed how Chrome handles site CSS.

Can I make the scrollbar wider or more visible?

Chrome doesn’t offer a built-in option to change scrollbar width. However, you can use a browser extension that customizes scrollbar appearance, or enable the Overlay Scrollbars flag (if you want them even thinner). On Windows, you can also adjust the system scrollbar width in your OS display settings, which Chrome will follow for classic scrollbars.

Does disabling overlay scrollbars affect performance?

No, it has no noticeable impact on speed or memory usage. It only changes how the scrollbar is rendered. The classic scrollbar is actually slightly more efficient because it doesn’t require the browser to track mouse movement for auto-hiding.

Why does the scrollbar disappear in fullscreen mode?

In fullscreen mode, Chrome automatically hides the scrollbar to give you more viewing area. Move your mouse to the right edge of the screen and it should appear. This is a design choice, not a bug.

Is there a keyboard shortcut to show the scrollbar?

No, there’s no dedicated shortcut. However, pressing the Home or End keys will jump to the top or bottom of the page, which can help you navigate even if the scrollbar is hidden. On some keyboards, you can also use Ctrl+Down or Ctrl+Up to scroll by page.

Related

General steps for current mainstream versions; menus can differ by device and version. See the disclaimer or report an error.

More in this bed

The whole Tech How-To bed →