--- title: Scrollbars slug: scrollbars --- {% extends "layouts/default.html" %} {% block page %} {% markdown %} # Scrollbars Bootstrap Layout integrates out of the box with [Simplebar.js](https://github.com/Grsmto/simplebar). This plugin emulates the OS X UI pattern by replacing the browser's default scrollbars with a floating, custom CSS-styled scrollbar that is only revealed when the user hovers over a scrollable element. Note that Simplebar.js is disabled for browsers which are already using native floating scrollbars (most browsers on mobile devices and OS X). {% endmarkdown %}
Simple install via npm:
{% include 'code/scrollable/install.html' %}
To enable the Simplebar.js integration, load the libraries into your HTML pages.

CSS assets

{% include 'code/scrollable/css.html' %}

JavaScript assets

{% include 'code/scrollable/js.html' %}
Add the data-scrollable attribute to any element. Also, see the usage for Layout and Sidebar.
{% include 'code/scrollable/usage.html' %}

JavaScript

{% include 'reference/js/methods/scrollable.init.html' %}
{% include 'reference/js/events/scrollable.html' %}
{% endblock %}