Comments on: scrollbar

By: Lukasz

Lukasz — Tue, 16 Nov 2021 15:06:42 +0000

Thanks! Very useful info, as always on css-tricks!

By: Asilbek

Asilbek — Thu, 22 Jul 2021 10:44:14 +0000

In reply to gauri. You can not change height of scroll thumb. It depends on height of body

By: Yair Even Or

Yair Even Or — Sun, 03 Jan 2021 21:43:21 +0000

I’ve created this tiny script for easy scrollbar customization.

https://github.com/yairEO/fakescroll

By: Remco Dekker

Remco Dekker — Fri, 26 Apr 2019 08:00:59 +0000

This article should be updated to include the styling options for firefox:
Styling scrollbars in Firefox is also possible (since v64) with scrollbar-color and scrollbar-width.

Examples are available at https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars

.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

By: marek

marek — Wed, 06 Feb 2019 08:42:09 +0000

what are the chances there is something similar that will work on drop-down as well …

By: DarkSide

DarkSide — Mon, 27 Aug 2018 21:55:31 +0000

Antonio J Figueroa – you can use CSS body{overflow-y:overlay;}, but be aware that overlay is non-standard property and only Chrome supports that.

By: Rishabh Gupta

Rishabh Gupta — Mon, 19 Mar 2018 07:14:07 +0000

Here is the plugin that you can use.

http://grsmto.github.io/simplebar/

By: realmag777

realmag777 — Wed, 07 Feb 2018 10:45:47 +0000

Thank you! All works as should be https://clip2net.com/s/3RHC84j

By: Antonio J Figueroa

Antonio J Figueroa — Wed, 17 Jan 2018 14:50:01 +0000

When I toggle between Overflow: hidden and scroll, my page layout shifts. Do you know a way to make this toggle of on and off not affect my containers width/layout? Thanks! Awesome site I use it all the time.

By: Prajwal

Prajwal — Wed, 06 Dec 2017 12:01:56 +0000

In reply to sabir. It is happening because the height of the body is set to 100%. try changing the height. Let me know if I am getting your point here.

By: Mozilla

Mozilla — Mon, 04 Dec 2017 04:04:18 +0000

How can a change the color of ::-webkit-scrollbar ?

By: Marcos

Marcos — Tue, 21 Nov 2017 08:33:35 +0000

Hi,

I want to show the scrollbar in the middle of the screen, 80% of the height.
Is there any possibility?

Thanks

By: Mansour

Mansour — Wed, 26 Jul 2017 17:37:55 +0000

In reply to admin. -moz- instead of webkit

By: DXkite

DXkite — Sat, 25 Mar 2017 00:20:01 +0000

In reply to asdas. why can't use :hover style for it? the facebook create hover style by using script...

By: gauri

gauri — Thu, 09 Feb 2017 05:59:00 +0000

hello m not able to change the height of scroll bar thumb .how can I change it???