jQuery

【jQuery】ブラウザをスワイプするBrowser Swipe

December 9, 2018
browserSwipe.js

Browser Swipeはサイトのスクロールを無効にしたときにトラックパッドのスワイプイベントを許可するツール

How to disabled scrolling

html, body {
height: 100%;
overflow: hidden;
}

How to use

$.browserSwipe({
  up: function({
    // Do something when they swipe up
  }),
  down: function({
    // Do something when they swipe down
  })
});

Example

$.browserSwipe({
  up: function(){
    slideHandle('up');
  },
  down: function(){
    slideHandle('down');
  }
});

function slideHandle(direction) {
  switch(direction) {
    case 'up':
      if(currentScene > 0) {
        currentScene--;
        sceneHandle();
      }
    break;
    case 'down':
      if(currentScene < ($cache.scenes.length - 1)) {
        currentScene++;
        sceneHandle();
      }
    break;
  }
}