Custom Scrollbar

    0

    0

    Vinod Pahuja

    Swiss Army Knife

    .scrollbar-inner { border: none; background-color: #eeeeee; } .scrollbar-inner:hover { background-color: #cccccc; } .scrollbar-inner:active { background-color: #666666; }

    When using webkit browsers, there is a scrollbar on the left and right sides of the browser window. The scrollbar can be disabled with the following code:

    -webkit-scrollbar { none } When using firefox browsers, the scrollbar is hidden by default. To show it, add the following to your CSS:

    body { scrollbar-color: white lightgray; } .scrollbar-inner { border: none; background-color: #eeeeee; } .scrollbar-inner:hover { background-color: #cccccc; } .

    # webkit
    
    -webkit-scrollbar { width: 10px; }
    -webkit-scrollbar-track { border: 1px solid; }
    -webkit-scrollbar-thumb { border: 1px solid; background-color: white; }
    -webkit-scrollbar-track-piece { background-color: lightgray; }
    
    # firefox
    body { scrollbar-color: white lightgray; }
    
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.