scrollbar

Custom scrollbar plugin for AngularJS
Homepage:
6 people use it
Author: Aeeb4ca6947978b255f4a46b514e5dea?d=https%3a%2f%2fidenticons.github.com%2f2142622a81199761dc5fd4702244cb7b mattbalmer

ng-scrollbar

Custom scrollbar plugin for AngularJS

Description

A small, unobtrusive plugin for AngularJS that allows placement of a custom scrollbar on any element. It will retain its size, but place any child elements into a scaling container div. The container's size can be set to automatically update, or can be called manually by broadcasting a 'recalculateScrollbars' event from your controller scope.

Usage

Using the plugin is very easy - simply add the attribute ng-scrollbar, where the attribute's value is the config for the scrollbar. Example:

The roster div will stay at whatever dimensions your CSS dictates, and anything inside will expand infinitely in whatever direction you specify in the config.

Configuration

You should pass an object as the value of ng-scrollbar. Here is an example with all of the attributes you may set. Shown values are the default values.

Compatibility

The plugin has not yet been rigorously tested, but should work in all modern browsers, and in IE9+

Contact & License Info

Author: Matthew Balmer
Twitter: @mattbalmer Website: http://mattbalmer.com License: MIT

comments powered by Disqus
This page was last updated over 3 years ago.