CSS：隐藏滚动条。

Question

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 ?

Answer 1

您可以使用jQuery通过jScrollPane或其他类似插件来实现自己的自定义滚动条。

Answer 2

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.