Skip to content

regnete/angularjs-swipe

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

angularjs-swipe

It is AngularJS Directive based on Brad's Swipe


  • Requires AngularJS 1.1.4+

  • Include swipe.js and swiper.js into your page

  • Declare 'angular-swipe' as a dependency for your angular app: angular.module('myApp', ['swiper']);

  • Swipe only needs to follow a simple pattern. Here is an example:

<div swiper >
  <div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

Above is the initial required structure– a series of elements wrapped in two containers. Place any content you want within the items.

Also Swipe needs just a few styles added to your stylesheet:

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

About

AngularJS swipe directive.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%