https://rurubu.jp/js/top/script.js

1$(function(){
2  $('.card-slide').slick({
3    centerMode: false,
4    autoplay: true,
5    autoplaySpeed: 8000,
6    arrows: true,
7    nextArrow: '<img src="/assets_top/images/arrow_next.png" class="slide-arrow next-arrow">',
8    prevArrow: '<img src="/assets_top/images/arrow_prev.png" class="slide-arrow prev-arrow">',
9    dots: true,
10    slidesToShow: 1,
11    slidesToScroll: 1,
12    responsive: [{
13      breakpoint: 960,
14      settings: {
15        centerMode: true,
16        arrows: false,
17        slidesToShow: 1,
18        slidesToScroll: 1,
19      }
20    }, {
21      breakpoint: 560,
22      settings: {
23        centerMode: true,
24        arrows: false,
25        slidesToShow: 1,
26        slidesToScroll: 1,
27      }
28    }]
29  });
30});
31
32
33$(function() {
34  var appear = false;
35  var pagetop = $('.pagetop');
36  $(window).scroll(function () {
37    if ($(this).scrollTop() > 100) {
38      if (appear == false) {
39        appear = true;
40        pagetop.stop().animate({
41          'bottom': '50px'
42        }, 300);
43      }
44    } else {
45      if (appear) {
46        appear = false;
47        pagetop.stop().animate({
48          'bottom': '-50px'
49        }, 300);
50      }
51    }
52  });
53  pagetop.click(function () {
54    $('body, html').animate({ scrollTop: 0 }, 500);
55    return false;
56  });
57});