Simplebar

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

Requires CSS and JS. (Note: if you are using our dist folder then will get libs folder in it.)

assets/libs/simplebar/dist/simplebar.min.js
assets/js/theme.min.js
Note that this component requires the use of the third-party Simplebar plugin.

Basic 

<div class="mt-3 ps-1" style="height: 180px; width:
                                                        450px" data-simplebar>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterBlack" checked />
                                                <label class="form-check-label" for="filterBlack">Black</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterBrown" />
                                                <label class="form-check-label" for="filterBrown">Brown</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterGreen" />
                                                <label class="form-check-label" for="filterGreen">Green</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterYellow" />
                                                <label class="form-check-label" for="filterYellow">Yellow</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterRed" />
                                                <label class="form-check-label" for="filterRed">Red</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterPink" />
                                                <label class="form-check-label" for="filterPink">Pink</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterCyan" />
                                                <label class="form-check-label" for="filterCyan">Cyan</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterBlue" />
                                                <label class="form-check-label" for="filterBlue">Blue</label>
                                                </div>
                                                <!-- form check -->
                                                <div class="form-check mb-2">
                                                <!-- input -->
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="filterGray" />
                                                <label class="form-check-label" for="filterGray">Gray</label>
                                                </div>
                                                </div>