npm

Need private packages and team management tools?Check out npm Orgs. »

pulr

1.0.0 • Public • Published

pulr

pulr is a very minimal touch enabled pull down control

just 110 lines of es5 code :) Imagine if we wrote it in es6?

Uses hammer.js so it works the same on the web as on mobile.

Installation

npm install pulr --save

Usage

  • add some html

your pulr content, the pulr wrapper, and all your other content below...

 <div id="pulr"> 
    <div class="pulr-content">
    Here is some content for your
    </div>
 
    <svg class="pulr-button" height="20" width="20"><line x1="0" y1="0" x2="20" y2="0" style="stroke:#ff0000;stroke-width:5" /></svg>
</div>
 
<div class="below-content">
    You can push me down!
</div>
 
<script src="/scripts/bundle.js"></script>
  • now some javascript

using node / commonJs

Use browserify or webpack to bundle your main file below to bundle.js

var pulr = require('../js/main.js');
 
document.addEventListener('DOMContentLoaded', function () {
    var options = {resistance: 1.5}
    pulr(options);
});
  • you need some very minimal css

style.css

License

MIT

install

npm i pulr

Downloadsweekly downloads

5

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability