Prevent scroll-bar from adding-up to the Width of page on Chrome

by

DISCLAIMER: overlay has been deprecated.
You can still use this if you absolutely have to, but try not to.

This only works on WebKit browsers, but I like it a lot.
Will behave like auto on other browsers.

.yourContent{
   overflow-y: overlay;
}

This will make the scrollbar appear only as an overlay, thus not affecting the width of your element!

More Related Contents:

  1. Google Chrome form autofill and its yellow background
  2. How to save CSS changes of Styles panel of Chrome Developer Tools?
  3. Favicon not showing up in Google Chrome [duplicate]
  4. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  5. Google Fonts are not rendering on Google Chrome
  6. How to change scroll bar position with CSS?
  7. Add a horizontal scrollbar to an HTML table
  8. Why does vw include the scrollbar as part of the viewport?
  9. Chrome rendering issue. Fixed position anchor with UL in body
  10. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  11. Prevent “overscrolling” of web page
  12. Stop CSS transition from firing on page load
  13. How can I prevent the scrollbar overlaying content in IE10?
  14. Hide html horizontal but not vertical scrollbar
  15. canvas default size
  16. Chrome: Automatic shift of web elements
  17. Chrome does not expand flex parent according to children’s content [duplicate]
  18. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  19. Different implementation of Flexbox in Firefox and Chrome
  20. How can I increase a scrollbar’s width using CSS?
  21. Transparent scrollbar with css
  22. with fixed and scrollable [duplicate]
  23. chrome/safari display border around image
  24. text-decoration not working for visited state link
  25. 100vh height when address bar is shown – Chrome Mobile
  26. number input – always show spin buttons
  27. How to get horizontal scroll bar in select box in IE?
  28. How can I create equal width/height boxes that fit the screen width? [duplicate]
  29. Scrollbar without fixed height/Dynamic height with scrollbar
  30. HTML canvas with scrollbar

Leave a Comment