custom scrollbars supported in all browsers in the same way

–1 vote
asked Sep 13, 2017 by p-k

is there any CSS/JS/HTML solution which allows implemeting custom scrollbars in browsers in the same way?

I saw only-CSS solution but it DIDNT work in IE/FF. Is there anything new on this subject?

Im not looking for "ready-to-use" component, rather code which can by used on my page.

1 Answer

–1 vote
answered Sep 13, 2017 by hamet-gholizadeh

you can use this css (support in chrome and opera)

::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;

::-webkit-scrollbar-button:vertical {
  background-color: transparent;
  border-top: 1px solid transparent;
  height: 0;

::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 17px;

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
  cursor: pointer;
Welcome to Q&A, where you can ask questions and receive answers from other members of the community.
Website Online Counter