Question : set scrollbar width css
Answered by : fine-flatworm-8vmp4aym1v53
::-webkit-scrollbar { width: 2em; height: 2em
}
::-webkit-scrollbar-button { background: #ccc
}
::-webkit-scrollbar-track-piece { background: #888
}
::-webkit-scrollbar-thumb { background: #eee
}Source : | Last Update : Sun, 20 Feb 22
Question : css scrollbar width
Answered by : emeka-orji
/* 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 */
}Source : | Last Update : Tue, 01 Mar 22
Question : get scrollbar width css
Answered by : ayan-k
let scrollbarWidth = (window.innerWidth - document.body.clientWidth) + 'px';Source : https://stackoverflow.com/questions/28360978/css-how-to-get-browser-scrollbar-width-for-hover-overflow-auto-nice-margi | Last Update : Mon, 15 Aug 22