Slideout Versions Save

A touch slideout navigation menu for your mobile web apps.

v1.0.1

7 years ago
  • Remove gzip npm-script.
  • fx option now supports cubic-bezier
  • Docs improvements and more demos.

v1.0.0

7 years ago

Features:

  • Add an attribute called data-slideout-ignore to disable dragging on some elements (maybe for a photo slider, carousel google map, iframes, etc).
  • Add classnames dynamically: .slideout-menu-left and .slideout-panel-left or .slideout-menu-right and .slideout-panel-right.
  • Use classList instead of regexp.
  • Use overflow-y: scroll; on .slideout-menu.

Resolved issues:

Resolved PRs:

0.1.12

8 years ago

Slideout

  • Add new events: translatestart and translateend.
  • Use translateX + will-change instead of translate3d.
  • Added code coverage.
  • Updated uglify-js dependency.

Docs

  • Added tolerance option docs.
  • Added fixed header docs.
  • Added slideout only on mobile devices docs.

0.1.11

8 years ago
  • Fixed scrolling on mobile devices (#132)

0.1.10

8 years ago
  • Added .destroy() method.
  • Do not add DOM classes if them already exists.

0.1.9

9 years ago
  • Fix emitter version.

0.1.8

9 years ago
  • Added a side option to open the slideout from left or right.
var slideout = new Slideout({
  'panel': document.getElementById('panel'),
  'menu': document.getElementById('menu'),
  'side': 'right'
});
  • Update bower support.

0.1.7

9 years ago
  • Remove translate3d when slideout is closed (#51)
  • Now, an instance of slideout can emit the following events (#61):
    • beforeclose
    • close
    • beforeopen
    • open
    • translate

The Slideout can emit translate event only when it is opening/closing via touch events.

slideout.on('translate', function(translated) {
  console.log(translated); // eg. 120 in px
});

0.1.6

9 years ago
  • Added Slideout option to disable touch events. #45
  • Fixed Internet Explorer errors. #50
  • Fixed scroll styles. #25

0.1.5

9 years ago
  • Fix back to top - (#5)
  • Use overflow:auto; instead of hidden - (#25)
  • Add spm support.
  • Corrected typos.
  • Use svg shields and add version shield.