JarCasting
JarCasting JarCasting

angular-perfect-scrollbar

WebJar for angular-perfect-scrollbar

License

License

MIT
Categories

Categories

Github Development Tools Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-itsdrewmiller-angular-perfect-scrollbar
Last Version

Last Version

0.0.4
Release Date

Release Date
Type

Type

jar
Description

Description

angular-perfect-scrollbar
WebJar for angular-perfect-scrollbar
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/itsdrewmiller/angular-perfect-scrollbar

Download github-com-itsdrewmiller-angular-perfect-scrollbar

Filename Size
github-com-itsdrewmiller-angular-perfect-scrollbar-0.0.4.pom
github-com-itsdrewmiller-angular-perfect-scrollbar-0.0.4.jar 823 KB
github-com-itsdrewmiller-angular-perfect-scrollbar-0.0.4-sources.jar 22 bytes
github-com-itsdrewmiller-angular-perfect-scrollbar-0.0.4-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-itsdrewmiller-angular-perfect-scrollbar/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-itsdrewmiller-angular-perfect-scrollbar</artifactId>
    <version>0.0.4</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-itsdrewmiller-angular-perfect-scrollbar/
implementation 'org.webjars.bower:github-com-itsdrewmiller-angular-perfect-scrollbar:0.0.4'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-itsdrewmiller-angular-perfect-scrollbar/
implementation ("org.webjars.bower:github-com-itsdrewmiller-angular-perfect-scrollbar:0.0.4")
'org.webjars.bower:github-com-itsdrewmiller-angular-perfect-scrollbar:jar:0.0.4'
<dependency org="org.webjars.bower" name="github-com-itsdrewmiller-angular-perfect-scrollbar" rev="0.0.4">
  <artifact name="github-com-itsdrewmiller-angular-perfect-scrollbar" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-itsdrewmiller-angular-perfect-scrollbar', version='0.0.4')
)
libraryDependencies += "org.webjars.bower" % "github-com-itsdrewmiller-angular-perfect-scrollbar" % "0.0.4"
[org.webjars.bower/github-com-itsdrewmiller-angular-perfect-scrollbar "0.0.4"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : perfect-scrollbar jar [0.5.1,0.6)
org.webjars.bower : angular jar [0,)

Project Modules

There are no modules declared in this project.

angular-perfect-scrollbar

This is a small directive to allow the use of perfect-scrollbar in AngularJS.

You can just use one of the files (in the src directory) as they are - you only need to pay attention to the other stuff for further development. It is also available from Bower as 'angular-perfect-scrollbar'.

Installation

Install via Bower:

$ bower install angular-perfect-scrollbar --save

Include the angular-perfect-scrollbar files in your index.html:

<link href="bower_components/utatti-perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<script src="bower_components/utatti-perfect-scrollbar/dist/perfect-scrollbar.js"></script>
<script src="bower_components/angular-perfect-scrollbar/src/angular-perfect-scrollbar.js"></script>

Usage

Inject the module into your app or component:

['perfect_scrollbar']

Add some basic CSS for your scrollable content to your stylesheet:

.scroller {
    position: relative; /* relative or absolute positioning required by Perfect Scrollbar */
    max-height: 500px;  /* height must be limited to induce scrolling behavior */
}

Include the directive in your markup:

<perfect-scrollbar class="scroller" wheel-propagation="true" wheel-speed="10" min-scrollbar-length="20">
  <!-- Your content here. -->
</perfect-scrollbar>

Further installation and usage hints can be found at https://github.com/utatti/perfect-scrollbar.

You can find simple vertical and horizontal examples in the examples folder in this repository. Much respect to Hyunje Jun for his great scrollbar library.

Would you like to be a co-maintainer?

Please email me.

Just for Angular

Rebuild the scrollbar on $broadcast events:

<perfect-scrollbar class="scroller" update-on="rebuild:scrollbar" wheel-propagation="true" wheel-speed="10" min-scrollbar-length="20">
  // your content
</perfect-scrollbar>

In your controller:

$scope.$broadcast("rebuild:scrollbar");

License

The MIT License (MIT) Copyright (c) 2013, 2014 Drew Miller and other contributors.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Versions

Version
0.0.4