Socket
Socket
Sign inDemoInstall

angular-sticky

Package Overview
Dependencies
1
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    angular-sticky

AngularJS directive to cause elements to stick to the top of the page when scrolling past


Version published
Maintainers
1
Created

Readme

Source

angular-sticky

AngularJS directive to cause elements to stick to the top of the page when scrolling past. No require jQuery.

A simple directive enables sticky functionality to be added to elements, causing them to stick to the top of the screen as they are scrolled past.

Quick implementation and only tested on latest Chrome and Firefox, so use at your peril...

Features

  • Allows use of a placeholder to stop the page jumping
  • Recalculates element position on page load and on window resize
  • Handles multiple sticky elements efficiently

Usage

Include the .js and .css file in your page then enable usage of the directive by including the "sticky" module as a dependency. Use the directive as follows:

<div sticky>I'm all sticky</div>

To stop the page jumping when the element is fixed to the top of the screen a placeholder can be substituted for it as follows:

<div sticky use-placeholder>I'm all sticky</div>

See the example directory for a working example.

Keywords

FAQs

Last updated on 24 Nov 2014

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc