{% extends "partials/base.html" %} {% load static %} {% block title %}Scrollbar{% endblock title %} {% block extra_css %} {% endblock extra_css %} {% block pagetitle %} {% include "partials/page-title.html" with pagetitle="Extended UI" title="Scrollbar" %} {% endblock pagetitle %} {% block content %}
Just use data attribute data-simplebar
and add max-height: **px
oh fix height
SimpleBar does NOT implement a custom scroll
behaviour. It keeps the native
overflow: auto
scroll and only replace
the scrollbar visual appearance.
SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).
Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.
SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.
Just use data attribute
data-simplebar data-simplebar-direction='rtl'
and add max-height: **px
oh fix height
SimpleBar does NOT implement a custom scroll
behaviour. It keeps the native
overflow: auto
scroll and only replace
the scrollbar visual appearance.
SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).
Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.
SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.
Just use data attribute data-simplebar
and add max-height: **px
oh fix height
SimpleBar does NOT implement a custom scroll
behaviour. It keeps the native
overflow: auto
scroll and only replace
the scrollbar visual appearance.
SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).
Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.
SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.
Just use data attribute
data-simplebar data-simplebar-primary
and add max-height: **px
oh fix height
SimpleBar does NOT implement a custom scroll
behaviour. It keeps the native
overflow: auto
scroll and only replace
the scrollbar visual appearance.
SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).
Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.
SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.