perfect-scrollbar

Tiny but perfect jQuery scrollbar plugin.

perfect means...

There's no css change on any original element

Do not affect the original design layout

The scrollbar css is fully customizable

The scrollbar size and position can be updated

Download

perfect-scrollbar-0.3.1.tar.gz perfect-scrollbar-0.3.1.zip

Demo

Width:

Height:

Source

<script>
    function change_size() {
        var width = parseInt($("#Width").val());
        var height = parseInt($("#Height").val());

        if(!width || isNaN(width)) {
            width = 600;
        }
        if(!height || isNaN(height)) {
            height = 400;
        }
        $("#Demo").width(width).height(height);

        // update perfect scrollbar
        $('#Demo').perfectScrollbar('update');
    }
    $(function() {
        $('#Demo').perfectScrollbar();
    });
</script>

Documentation

Please refer to the README file in GitHub Repo.