https://hotel-gg.com/access/js/imgfade.js

1/*------------------------------------------------------------
2  フェード
3------------------------------------------------------------*/
4$(window).on('load',function(){$(function($) {
5//if (window.matchMedia( '(min-width: 641px)' ).matches) {
6
7
8/* ########## OBI ########## */
9  var scrollObi = function() {
10    var obi_arr = {
11      '#acinfo': 0, '#train': 0, '#car': 0, '#parking': 0
12    };
13  // var ph    = $('#p1'),
14  //     offset_p = ph.offset();
15  //     console.log(offset_p);
16    var $globalObi = new Array();
17    var dh = $(window).height() * 0.2;
18    for (var obi in obi_arr) {
19      //console.log($(obi).offset());
20      if ($(obi).offset()) {
21        obi_arr[obi] = $(obi).offset().top +dh;
22        $globalObi[obi] = obi;
23        console.log("obi_arr[obi]="+obi_arr[obi]);
24      }
25    }
26    $(window).scroll(function () {
27      for (var obi in obi_arr) {
28            
29            
30        if ($(window).scrollTop() + $(window).height() > obi_arr[obi]) {
31          // console.log($(window).scrollTop() + $(window).height());
32          // console.log("obj"+obi+":"+obi_arr[obi]);
33          
34            $($globalObi[obi]).addClass("imgfade");
35          
36        }
37
38      }
39    });
40  }
41  scrollObi();
42//}
43}); });
44