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

transparent scrollbar css

Add Answer

Poonyapat Pohpon answered on June 27, 2022 Popularity 9/10 Helpfulness 9/10

answer transparent scrollbar css

related transparent scroll

related transparent scrollbar css

transparent scrollbar css

Comment

<!DOCTYPE html>
<html>
<style>
html, body {
  margin: 0;
  padding: 0;
}

body {
  overflow: overlay;
}

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

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90);
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
</style>
  
<body>

<div class="div1"></div>

<div class="div1"></div>

<div class="div1"></div>

<div class="div1"></div>

<div class="div1"></div>
  

</body>
</html>
 Run code snippet

Popularity 9/10 Helpfulness 9/10 Language css

Source: stackoverflow.com

Tags: css scrollbar transparent

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Poonyapat Pohpon

0 Answers Avg Quality 2/10

Closely Related Answers

transparent scroll

Comment

/* scroll transparent */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: transparent;
}
::-webkit-scrollbar-track {
    background: transparent;
}

Popularity 7/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css scroll transparent transp

Link to this answer
Share Copy Link

Contributed on Jan 16 2023

guiliuri

0 Answers Avg Quality 2/10

transparent scrollbar css

Comment

/* To create a transparent scrollbar */

/* For Chrome, Safari, and Opera */
::-webkit-scrollbar {
  width: 10px;
}

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

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}

/* For Firefox */
::-moz-scrollbar {
  width: 10px;
}

::-moz-scrollbar-track {
  background-color: transparent;
}

::-moz-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}

/* For Internet Explorer and Microsoft Edge */
/* Note: Microsoft Edge supports the same CSS properties as Internet Explorer */
::-ms-scrollbar {
  width: 10px;
}

::-ms-scrollbar-track {
  background-color: transparent;
}

::-ms-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}

Popularity 8/10 Helpfulness 5/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

transparent scrollbar css

Contents

More Related Answers

transparent scrollbar css

Closely Related Answers

transparent scroll

transparent scrollbar css

Grepper

Documentation

Social

Legal

Contact

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