https://www.skybus.jp/js/script.js

1// common js
2
3// smooth scroll
4$('.pageScroll').on('touchstart click', function() {
5    var target = $(this.hash);
6    var speed = 500;
7    var anchor = target.offset().top;
8    $('html, body').animate({
9        scrollTop: anchor
10    }, speed, 'swing');
11    return false;
12});
13
14// loading
15$(window).on('load',function(){
16    setTimeout(function(){
17        $("#loading").addClass("is-completion");
18        console.log("loading completion");
19    }, 600);
20});
21//loading => end
22$(function(){
23    setTimeout(function(){
24        $("#loading").addClass("is-completion");
25        console.log("loading overtime");
26    }, 10000);
27});
28
29
30
31// scroll-in
32function scrollin() {
33    $('.js-scrollin').each(function(){
34        var windowHeight = $(window).height();
35        var elemPos = $(this).offset().top;
36        var scroll = $(window).scrollTop();
37        if (scroll > elemPos - windowHeight){
38            $(this).addClass('is-scrollin');
39        }
40    });
41}
42$(window).on('load resize scroll',function (){
43    // scrollTop
44    var scroll = $(window).scrollTop();
45    
46    // scroll-in
47    scrollin();
48    $("#loading").addClass("is-completion").on('webkitTransitionEnd mozTransitionEnd oTransitionEnd otransitionend transitionend',function(){
49        $("body").addClass("is-loaded");
50        scrollin();
51    });
52    
53    // rollup fade in-out
54    if( scroll > 100) {
55        $('.pageTop').addClass("is-show");
56    } else {
57        $('.pageTop').removeClass("is-show");
58    }
59    
60});