https://aismiley.co.jp/assets/js/tableArrow.js

1(function() {
2  'use strict';
3
4
5  var $win = $(window);
6  var breakPoint = 896;
7
8  /**
9   * deviceCheck
10   **/
11  var device;
12  var ua = navigator.userAgent;
13  if ((ua.indexOf('iPhone') > 0) || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0)) {
14    device = 'sp';
15  } else {
16    device = 'pc';
17  }
18
19  if (device == 'pc') {
20    return;
21  }
22
23
24
25  var $arrow = $('.js-arrow-scroll');
26  var $area = $('.js-arrow-wrapper');
27
28
29  $area.each(function() {
30    $(this).on('scroll', function() {
31      if ($(this).scrollLeft() > 0) {
32        $(this).siblings($arrow).fadeOut();
33      } else {
34        $(this).siblings($arrow).fadeIn();
35      }
36
37    });
38
39  });
40  
41  $('.scrollTable__inner').each(function() {
42    $(this).on('scroll', function() {
43      if ($(this).scrollLeft() > 0) {
44        $(this).parent().removeClass('active');
45      } else {
46        $(this).parent().addClass('active');
47      }
48    });
49  });
50
51
52})();