https://higakikaku.com/assets/js/main.js

1
2
3
4  //スマホ判別
5  if( navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0 ){
6  
7  $(function() {
8  $(".inline").colorbox({
9    inline:true,
10    maxWidth:"95%",
11    maxHeight:"95%",
12    opacity: 0.7
13  });
14});
15  
16  
17	  
18	  
19  }else{//PC
20  
21  $(function() {
22  $(".inline").colorbox({
23    inline:true,
24    maxWidth:"550",
25    maxHeight:"100%",
26    opacity: 0.8,
27    scrolling:true
28  });
29});
30  
31  }
32  
33
34
35
36(function() {
37  const image = document.querySelectorAll('.img-wrap');
38  
39  const observer = new IntersectionObserver(function(entries) {
40    entries.forEach(function(entry) {
41      if (entry.intersectionRatio > 0) {
42        entry.target.classList.add('img-animation');
43      } 
44    });
45  });
46  
47  Array.prototype.forEach.call(image, function(img) {
48    observer.observe(img);
49  });
50})();
51
52
53
54
55$(function(){
56  $('a[href^=#]:not(.inline)').click(function(){
57    var adjust = 0;
58    var speed = 400;
59    var href= $(this).attr("href");
60    var target = $(href == "#" || href == "" ? 'html' : href);
61    var position = target.offset().top + adjust;
62    $('body,html').animate({scrollTop:position}, speed, 'swing');
63    return false;
64  });
65});
66
67
68
69
70
71