CODEWITHSUNDEEP
htmlcss
XCS
XCS

Reputation: 28177

Create a HTML scrollbar

Is there a scrollbar element in HTML ?

If not, how can a scrollbar be created? I tried using a div with overflow but the problem is that I have to add content in order for the scrollbar to appear, and if I add content it will be visible.

CSS:

.h-scrollbar {
    overflow-x: scroll;
    width: 300px;
}

.h-scrollbar div {
    width: 1000px;
    display:block;
}

HTML:

<div class="h-scrollbar"><div>text</div></div>

Here is a demo: http://jsfiddle.net/4e8jbbc0/1/

How can I get only the scrollbar?

Upvotes: 1

Views: 3704

Answers (1)

sankar
sankar

Reputation: 161

You can use the below css class to hide text and get scroll bar element only

.h-scrollbar div {
    width: 1000px;
    display:block;
    visibility: hidden;
    height:0px
}

Upvotes: 2

Related Questions