How do I select the scrollbar of a div?

Question

I know how to change the style of scrollbars for an entire page using CSS such as webkit-scrollbar codes.

However, how I only want to target the scroll bar in a div (not the browser's div). How can I accomplish this without using JavaScript or jQuery?

Thank you for your time.

What do you mean by "target"? And please provide relevant codes along with your question. — AndrewL64, Jun 07 '16 at 21:15
Could you add an excerpt of your code - or link us to something live; and perhaps better outline what it is you're trying to achieve? From there I'm sure one of us could better assist you. — Mike Van Stan, Jun 07 '16 at 21:18
this? http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow — HudsonPH, Jun 07 '16 at 21:24

score 1 · Answer 1 · answered Jun 07 '16 at 21:23

1

Try this

.class::scrollbar

Can also use the prefixes.

.class::-webkit-scrollbar

answered Jun 07 '16 at 21:23

Dominofoe

593
6
17

score 0 · Accepted Answer · answered Jun 07 '16 at 21:38

If I understand correctly, just use overflow:hidden; or overflow-y:hidden; on the desired div

div{box-sizing:border-box;}
#red{padding:5px;width:100%;height:1500px;background:red;}
#green{width:60%;height:900px;background:palegreen;overflow-y:hidden;}

<div id="red">
  <div id="green">
  </div>
</div>

How do I select the scrollbar of a div?

2 Answers2