Forums

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

Home Forums CSS Hide vertical scrollbar but still scrollable

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #153881
    schart
    Participant

    So I hate the look of scrollbars in windows, and especially that they are always visible. I’ve seen custom scrollbars and stuff so this must be possible. I did google for a while but none of the results were what I was looking for. Any help?

    #154010
    Paulie_D
    Member

    And the laptop ‘mousepad’ user

    #244251
    Divyesh
    Participant

    I think that the below code will help to hide the scrollbar in Google Chrome :


    ::-webkit-scrollbar {
    display: none;
    }

    You can also style scrollbars according to your requirements using this.

    #281398
    nikzad
    Participant

    A very quick an applicable solution is to use this piece of code:

    html {
    overflow: scroll;
    overflow-x: hidden;
    }
    ::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space /
    background: transparent; /
    optional: just make scrollbar invisible /
    }
    /
    optional: show position indicator in red */
    ::-webkit-scrollbar-thumb {
    background: #FF0000;
    }

    The source link is https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll

    #298062
    vinayreddy
    Participant

    this code will help
    ul.ui-widget-content::-webkit-scrollbar {
    width: 10px;
    }

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