Comments on: scrollbar https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 30 Sep 2022 19:31:47 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Lukasz https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1785779 Tue, 16 Nov 2021 15:06:42 +0000 http://css-tricks.com/?page_id=14101#comment-1785779 Thanks! Very useful info, as always on css-tricks!

]]>
By: Asilbek https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1776850 Thu, 22 Jul 2021 10:44:14 +0000 http://css-tricks.com/?page_id=14101#comment-1776850 In reply to gauri.

You can not change height of scroll thumb. It depends on height of body

]]>
By: Yair Even Or https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1766944 Sun, 03 Jan 2021 21:43:21 +0000 http://css-tricks.com/?page_id=14101#comment-1766944 I’ve created this tiny script for easy scrollbar customization.

https://github.com/yairEO/fakescroll

]]>
By: Remco Dekker https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1697681 Fri, 26 Apr 2019 08:00:59 +0000 http://css-tricks.com/?page_id=14101#comment-1697681 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 https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1662409 Wed, 06 Feb 2019 08:42:09 +0000 http://css-tricks.com/?page_id=14101#comment-1662409 what are the chances there is something similar that will work on drop-down as well …

]]>
By: DarkSide https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1651751 Mon, 27 Aug 2018 21:55:31 +0000 http://css-tricks.com/?page_id=14101#comment-1651751 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 https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1617578 Mon, 19 Mar 2018 07:14:07 +0000 http://css-tricks.com/?page_id=14101#comment-1617578 Here is the plugin that you can use.

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

]]>
By: realmag777 https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1615822 Wed, 07 Feb 2018 10:45:47 +0000 http://css-tricks.com/?page_id=14101#comment-1615822 Thank you! All works as should be https://clip2net.com/s/3RHC84j

]]>
By: Antonio J Figueroa https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1614707 Wed, 17 Jan 2018 14:50:01 +0000 http://css-tricks.com/?page_id=14101#comment-1614707 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 https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1613574 Wed, 06 Dec 2017 12:01:56 +0000 http://css-tricks.com/?page_id=14101#comment-1613574 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 https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1613522 Mon, 04 Dec 2017 04:04:18 +0000 http://css-tricks.com/?page_id=14101#comment-1613522 How can a change the color of ::-webkit-scrollbar ?

]]>
By: Marcos https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1613221 Tue, 21 Nov 2017 08:33:35 +0000 http://css-tricks.com/?page_id=14101#comment-1613221 Hi,

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

Thanks

]]>
By: Mansour https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1610680 Wed, 26 Jul 2017 17:37:55 +0000 http://css-tricks.com/?page_id=14101#comment-1610680 In reply to admin.

-moz- instead of webkit

]]>
By: DXkite https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1607639 Sat, 25 Mar 2017 00:20:01 +0000 http://css-tricks.com/?page_id=14101#comment-1607639 In reply to asdas.

why can’t use :hover style for it? the facebook create hover style by using script…

]]>
By: gauri https://css-tricks.com/almanac/properties/s/scrollbar/#comment-1606637 Thu, 09 Feb 2017 05:59:00 +0000 http://css-tricks.com/?page_id=14101#comment-1606637 hello m not able to change the height of scroll bar thumb .how can I change it???

]]>