CODEWITHSUNDEEP
javascriptjquerycss
user900360
user900360

Reputation:

CSS: Hide Scrollbar.

I know how to hide scroll bar. But without a scroll bar, I would like to scroll whatever there is to scroll.
This is what I did, it hides initially, and as mouse hovers, vertical scroll bar shows.

div#LogoStrip{
    height:600px;
    overflow:hidden;
}

div#LogoStrip:hover{
    overflow-y:scroll;
    overflow-x:hidden;
}


But on hover, I don't want to see scrollbar but still would like to scroll the text/images that are present there, using wheel or two small buttons, 1 at top and 1 at bottom.

div#LogoStrip{
        height:600px;
        overflow:hidden;
    }

+ javascript

can you help with Javascript/jQuery ?

Upvotes: 1

Views: 2693

Answers (2)

Godwin
Godwin

Reputation: 9937

If you really want to code this yourself (and I would again caution against it), you can look through the jScrollPane code. The basic idea is that you have a div within a div, one will hid the contents of the other when set to an offset. You have to capture the scroll wheel event and change that offset.

Upvotes: 0

Godwin
Godwin

Reputation: 9937

You could use jQuery to implement your own custom scroll bar using jScrollPane or another similar plugin.

Upvotes: 1

Related Questions