Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to add custom style to scrolls

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #42375
    AlirezaM
    Participant

    Hello to everyone!

    I have created some scrolled content with “jscrollpane” plugin.

    It’s working really good but it is using the same class for left and right or top and bottom buttons.

    If you take a look at here :http://jsfiddle.net/7EYrk/

    it is using a calss for buttons with background color but I want to change them to left and right or top and bottom arrow icons.

    How should I do that?

    #122880
    Anonymous
    Inactive

    You can create a custom scroll bar by simply using CSS. Its very easy and styles both vertical and horizontal scroll bars. [This should help you](https://css-tricks.com/custom-scrollbars-in-webkit/ “”)

    #122897
    AlirezaM
    Participant

    Thanks but the way you showed is working on webkit browser and I want it to work the same in all major browsers.

    This plugin is very simple to use and the only problem I have is using different styles for left and right buttons.

    #123182
    AlirezaM
    Participant

    I think there will be a way to creating what I want.

    Please, help me!

    Thanks.

    #123183
    Miller
    Member
    #123163
    AlirezaM
    Participant

    Thanks Miller!

    This is exactly what I want but there is a problem.

    I’m using jQuery 1.7.2 and this plugin is using 1.2.6 version in it’s demo pages and when I put this javascript file in my pages other plugins don’t wok.

    How can I solve the problem?

    #123149
    AlirezaM
    Participant

    I created this scroll bars in jsfiddle with 2 different versions of jQuery library and found that it’s exactly why scrolls don’t work in my template.

    I found there is some code in jQuery 1.4.2 which is different in 1.7.2 version which is I’m using but really couldn’t find where the different is.

    Please help to make it works.

    #123124
    dfogge
    Participant

    maybe try downloading the latest version of jscrollpane.

    https://github.com/vitch/jScrollPane

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.