Forums

  • # July 11, 2013 at 3:35 am

    Hey Guys I want to style scroll bar through Css which comes after on div hover.

    # July 11, 2013 at 4:07 am

    No help from this link Sir @jamy-za

    # July 11, 2013 at 5:34 am

    @royalsam

    Perhaps you could share some code (HTML & CSS) with us so we can understand the problem.

    You should be aware however that the ability to style scrollbars only exists in WebKit and Mozilla browsers. IE does not, AFAIK, let you do this.

    http://css-tricks.com/almanac/properties/a/appearance/

    Also, and this is a personal preference, I hate it when I don’t see a standard scrollbar

    # July 11, 2013 at 7:00 am

    http://ouula.com/sobla/default.aspx @paulie_d Check out this link. I want a on div hover stylish scrollbar in the BLACKBOARD Box Section..

    # July 11, 2013 at 7:23 am

    It does nothing on hover now….what is it supposed to do?

    # July 11, 2013 at 7:33 am

    yes rite now it does nothing. here wht i supposed to do is whn we hover on tht div i want a scrollbar with css styling.. @paulie_d

    # July 11, 2013 at 7:36 am

    Well, we’ve given you enough information to be able to do it.

    I suggest that, at the very least, you add enough code to create the hover state with the normal scrollbar and we can help you style it if you have trouble with the instructions you already have.

    We can’t do it all for you.

    # July 11, 2013 at 7:43 am

    @paulie_d Sir Actually i done the hover part meanz whn i hover the scroll bar shows. Now wht i want the CSS styling of the Scrollbar only with CSS.

    # July 11, 2013 at 7:50 am

    But we’ve given you all of the properties you can affect…

    http://css-tricks.com/almanac/properties/a/appearance/

    # July 11, 2013 at 7:55 am

    However, this might help you

    http://css-tricks.com/custom-scrollbars-in-webkit/

    I am sure the -moz prefix would work as well.

    http://codepen.io/Paulie-D/pen/iyvsB

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag