How to add a scrollbar style in Javascript?

Question

This is a functioning scrollbar style that I use inside the HTML but I need to put it in my JavaScript code.

.large-2 {
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
  height: 50%;
}

.large-2::-webkit-scrollbar-track {
  border: 1px solid #000000;
  padding: 2px 0;
  background-color: #404040;
}

.large-2::-webkit-scrollbar {
  width: 10px;
}

.large-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}

Mpendulo Philip Sibiya · Accepted Answer · 2021-08-03 18:54:32Z

0

Instead of div you would add a class name for your scroller:

div {
       height: 100px;
       overflow: auto;
    }

Refer to this link: Adding Scrollbars in HTML

answered Aug 3, 2021 at 18:54

Mpendulo Philip Sibiya

841 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add a scrollbar style in Javascript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related