IE6, IE7, and IE8 display a vertical scroll bar for the page by default even if it is not scrollable. Chrome and Firefox do not do this (I'm assuming Opera and Safari do not as well). You can accomplish this same behavior in FireFox using the CSS:
body { overflow: -moz-scrollbars-vertical; }
Is there any way to force the visible scrollbar in the other three browsers? Or even better, a standard way of doing it?
Microsoft Edge. The new Microsoft Edge is built on the Chromium engine so it's as compatible as Chrome itself, but with that Microsoft spin.
A look into the market share trends of the 5 most popular desktop web browsers; Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Apple's Safari, and Opera.
There are more than 100 alternatives to Safari for a variety of platforms, including Linux, Windows, Mac, Android and Android Tablet. The best alternative is Mozilla Firefox, which is both free and Open Source. Other great apps like Safari are Brave, Google Chrome, Tor Browser and Vivaldi.
Google Chrome is the number one choice of internet browsers, but poor privacy stops it from being the best. With its ease of use, vast number of extensions and synchronization features, it's no surprise many feel Chrome is the best option for macOS.
You may (in addition) need to include -ms-overflow-y
and/or -moz-scrollbars-vertical
, as mentioned in this other StackOverflow post:
html {
overflow: -moz-scrollbars-vertical; /* For FF */
-ms-overflow-y: scroll; /* For IE */
overflow-y: scroll; /* For others & old IE */
}
html { overflow-y: scroll; }
See "overflow-y" at W3Schools
Tested & verified (successfully) in:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html { overflow-y: scroll; }
</style>
</head>
<body>
Test content
</body>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With