angular-sticky-plugin

WebJar for angular-sticky-plugin

License

License

MIT
Categories

Categories

Github Development Tools Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-harm-less-angular-sticky
Last Version

Last Version

0.5.0
Release Date

Release Date

Type

Type

jar
Description

Description

angular-sticky-plugin
WebJar for angular-sticky-plugin
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/harm-less/angular-sticky

Download github-com-harm-less-angular-sticky

How to add to project

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

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Build Status devDependency Status

Angular Sticky

Pure javascript AngularJS directive to make elements stick when scrolling

Demo

Do you want to see directives in action? Visit http://harm-less.github.io/angular-sticky

Installation

Requirements

  • AngularJS (requires AngularJS 1.4.x or higher, tested with 1.4.9)
  • Supports all major browsers and IE9 and up (lower versions might not be supported)

Install with Bower (recommended)

To install Angular Sticky with Bower use:

bower install angular-sticky-plugin

Or with npm

npm install angular-sticky-plugin

Manually

Click here to download the latest version of the plugin. In the dist folder you'll find the minified and normal JavaScript file. Either one is fine to use, it just depends on your needs.

Adding it to your project

As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the module:

angular.module('myModule', ['hl.sticky']);

Contributing to the project

We are always looking for quality contributions!

There are several useful Grunt tasks you can run in order to use/change the project:

  • serve: Use to demo application in order to develop the scripts from the js folder.
  • build: Build the files from the js folder to the dist folder

Note: If you make a pull-request, there is no need to build the project as this is done only for a new release.

Todo

  • Configurable z-index (preferably in each stack)
  • Media queries based on predefined breakpoints (e.g. min-width: lg-max) so the code is DRYer in combination with Bootstrap or other grid frameworks
  • There seems to be a weird bug were an element becoming sticky starts shaking a little
  • I strongly suspect that performance can be improved at various parts in the code. For example by caching more.

Versions

Version
0.5.0