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

scroll bar css

Add Answer

Chea Keo answered on May 31, 2022 Popularity 9/10 Helpfulness 4/10

answer scroll bar css

related style scroll bar css

related scrollbar css

scroll bar css

Comment

.poem {
  overflow: scroll;
  scrollbar-color: red orange;
  scrollbar-width: thin;
}

Popularity 9/10 Helpfulness 4/10 Language css

Source: developer.mozilla.org

Tags: css scroll

Link to this answer
Share Copy Link

Contributed on Jul 27 2023

Chea Keo

0 Answers Avg Quality 2/10

Closely Related Answers

style scroll bar css

Comment

/* width */
::-webkit-scrollbar {
  width: 20px;
}
/* Track */
::-webkit-scrollbar-track {
  /* border-radius: 5px; */
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:rgba(58, 114, 60, 1);
  /* border-radius: 5px 0 0 5px; */
  /* box-shadow: inset 5px -5px 5px rgba(58, 114, 60, 1); */
}

Popularity 10/10 Helpfulness 8/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Oct 20 2022

Ill Iguana

0 Answers Avg Quality 2/10

scrollbar css

Comment

<- modern css scrollbar css ->
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
    ::-webkit-scrollbar-track {
    background: transparent; 
  }
    ::-webkit-scrollbar-thumb {
    background: #888; 
      border-radius:10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 31 2022

Aryamitra Chaudhuri

0 Answers Avg Quality 2/10

scrollbar css

Comment

-1

/* just so you can scroll */
html, body {
  margin: 0;
  padding: 500px;
}

/* actual styles */
body {
  overflow: overlay;
}

.div1 {
  background: grey;
  margin-top: 200px;
  margin-bottom: 20px;
  height: 20px;
}

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

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  border: solid 4px transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-track {
  background: transparent;
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 15 2022

Poonyapat Pohpon

0 Answers Avg Quality 2/10

scrollbar css

Comment

body {
  --sb-track-color: #232E33;
  --sb-thumb-color: #6BAF8D;
  --sb-size: 10px;

  scrollbar-color: var(--sb-thumb-color) 
                   var(--sb-track-color);
}

body::-webkit-scrollbar {
  width: var(--sb-size);
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
}

Popularity 8/10 Helpfulness 3/10 Language css

Source: scrollbar.app

Tags: css scrollbar sc

Link to this answer
Share Copy Link

Contributed on Jan 15 2024

Corentin

0 Answers Avg Quality 2/10

scroll bar css

Contents

More Related Answers

scroll bar css

Closely Related Answers

style scroll bar css

scrollbar css

scrollbar css

scrollbar css

Grepper

Documentation

Social

Legal

Contact

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