hl-sticky

The magical sticky directive.

The directive makes use of the hlStickyElementCollection service to take care of stacking, so a lot of the documentation can be found there. It also makes use of the hlStickyElement service to become sticky and so a lot of the documentation can be found there as well.

By default a class called hl-sticky is being added to the element the directive has been applied to.

Full example

	

		I'll become sticky
	

Demos

• Simple usage demo
• Media queries demo
• Events demo
• Container demo

Attributes

• hl-sticky
  Documentation can be found here hlStickyElement at id
• media-query
  Documentation can be found here hlStickyElement at mediaQuery
• sticky-class
  Documentation can be found here hlStickyElement at stickyClass
• use-placeholder
  Documentation can be found here hlStickyElement at usePlaceholder
• anchor
  Documentation can be found here hlStickyElement at anchor
• offset-top
  Documentation can be found here hlStickyElement at offsetTop
• offset-bottom
  Documentation can be found here hlStickyElement at offsetBottom
• container
  Documentation can be found here hlStickyElement at container
• event()
  
  More documentation about the parameters can be found here hlStickyElement at event
• collection
  Documentation can be found here hlStickyElementCollection at collection
• collection-parent
  Documentation can be found here hlStickyElementCollection at parent
• enable
  Documentation can be found here hlStickyElement at enable
• alwaysSticky
  Documentation can be found here hlStickyElement at alwaysSticky