Angular-Panel-Snap

A set of AngularJS directives that will snap to panels (blocks) of content after scrolling. Panels can also be nested and combined with a navigation directive as shown below.

The following panels demonstrate some of the module's features.

http://github.com/akreitals/angular-panel-snap

Scroll down to see more.

Navigation menu

Simply add an ak-panel-group-menu directive to add a dynamic navigation menu.

Panel 1

You can disable the scroll, the menu will still be functional

Panel 2

Panel 3

Panel 4

Keyboard navigation

Use the left and right arrow keys to navigate this panel group (keys are customisable).

Panel 1

Panel 2

Panel 3

Panel 4

Events

Add functions to the onEnter or onLeave attributes or bind to panelsnap events to trigger custom actions and animations.

				{{main.textLog}}
			

Panel 1

Panel 2

Panel 3

Panel 4