Breaking News: Grepper is joining You.com. Read the official announcement!

get scrollbar width css

Add Answer

Ayan K answered on February 13, 2022 Popularity 10/10 Helpfulness 4/10

answer get scrollbar width css

related set scrollbar width css

related scrollbar width css

related css scrollbar width

get scrollbar width css

Comment

let scrollbarWidth = (window.innerWidth - document.body.clientWidth) + 'px';

Popularity 10/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css get scrollbar width

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

Ayan K

0 Answers Avg Quality 2/10

Closely Related Answers

set scrollbar width css

Comment

::-webkit-scrollbar {
    width: 2em;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Feb 13 2022

Fine Flatworm

0 Answers Avg Quality 2/10

scrollbar width css

Comment

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

Popularity 9/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

Goesde Rai

0 Answers Avg Quality 2/10

css scrollbar width

Comment

/* The syntax, with all the available styling */
(selected-element)::-webkit-scrollbar {
  width: 16px;
  background: transparent;
  display: none;
}
(selected-element)::-webkit-scrollbar-track {
  background: whitesmoke;
  border-radius: 3px;
}
(selected-element)::-webkit-scrollbar-thumb {
  background: tomato;
  border-radius: 10px;
}

/* A modern way of doing this */
selected-element {
  scrollbar-width: thin; /* 'thin' or any usual number measurements like '5px' */
  scrollbar-color: <thumb-color> <track-color>; /* Use normal color system i.e rgb or hex or hsl */
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Code Rabbi

0 Answers Avg Quality 2/10

get scrollbar width css

Contents

More Related Answers

get scrollbar width css

Closely Related Answers

set scrollbar width css

scrollbar width css

css scrollbar width

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.