jQuery Scrollbar

Cross-browser CSS customizable scrollbar with advanced features:

Example

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.

                                

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.

On hover

Just add .visible-on-hover to show scrollbar on hover.

                                

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.

Left position

Just add .scrollbar-on-left to show scrollbar on the left.

                                

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates at ipsum fugiat, excepturi aut earum molestias soluta ea sit assumenda praesentium, sint voluptas. Delectus iste ab placeat et ea aperiam.

Grona Template

Start Building Fast, Beautiful And Responsive Websites.

Get Started