https://uetakemiyuki-onsen.com/sys/wp-content/themes/smarge_3.0.0/js/setting.js?ver=6.5.13

1// scroll
2(function($) {
3  $('a[href^=#]').click(function() {
4    var speed = 400; // ミリ秒
5    var href = $(this).attr("href");
6    var target = $(href == "#" || href == "" ? 'html' : href);
7    var position = target.offset().top;
8    $('body,html').animate({
9      scrollTop: position
10    }, speed, 'swing');
11    return false;
12  });
13})(jQuery);
14
15(function($){
16  $('.hamburger').click(function(){
17    // スクロール停止の処理
18    // window.addEventListener( 'touchmove' , movefun , { passive: false } );
19    // スクロール停止することを停止する処理
20    // window.removeEventListener( 'touchmove' , movefun, { passive: false } );
21  });
22})(jQuery);
23
24
25//固定ナビ化
26(function($){
27  var movefun = function( event ){
28    event.preventDefault();
29  }
30  $(window).on('load scroll',function(){
31    // $(window).scroll(function(){
32    // var st = $(window).scrollTop();
33    if($(window).scrollTop() > 230){
34      // $('header').addClass('scroll_fix');
35      $('.gnav').addClass('scroll_fix_nav');
36      $('.menu-main-container').removeClass('container');
37      // window.addEventListener( 'touchmove' , movefun , { passive: false } );
38    }
39    if($(window).scrollTop() < 229){
40      // $('header').removeClass('scroll_fix');
41      $('.gnav').removeClass('scroll_fix_nav');
42      $('.menu-main-container').addClass('container');
43    }
44  });
45})(jQuery);
46
47(function($){
48  $(document).ready(function() {
49    $.fatNav();
50  });
51})(jQuery);
52
53// (function($){
54//   //スクロール禁止用関数
55//   function no_scroll(){
56//     //PC用
57//     var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
58//     $(document).on(scroll_event,function(e){e.preventDefault();});
59//     //SP用
60//     $(document).on('touchmove.noScroll', function(e) {e.preventDefault();});
61//   }
62//   //スクロール復活用関数
63//   function return_scroll(){
64//     //PC用
65//     var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
66//     $(document).off(scroll_event);
67//     //SP用
68//     $(document).off('.noScroll');
69//   }
70// })(jQuery);
71
72
73
74// (function($){
75//   $(window).scroll(function(){
76//
77//     var ScrTop = $(document).scrollTop();
78//     $('#val').val(ScrTop);
79//   });
80// })(jQuery);
81
82
83// (function($){
84//   var movefun = function( event ){
85//     event.preventDefault();
86//   }
87//   $('.hamburger').click(function(){
88//     // スクロール停止の処理
89//     window.addEventListener( 'touchmove' , movefun , { passive: false } );
90//     // スクロール停止することを停止する処理
91//     // window.removeEventListener( 'touchmove' , movefun, { passive: false } );
92//   });
93// })(jQuery);
94
95
96//gnav周り
97(function($) {
98  $(window).on('load resize', function(){
99    var windowWidth = window.innerWidth;
100
101    if (windowWidth < 768) {
102      // ********** SPの記述 ********** //
103      $('.gnav').addClass('fat-nav');
104      $('.menu-main-container').addClass('fat-nav__wrapper container_fluid');
105    }else {
106      // ********** PCの記述 ********** //
107      $('.gnav').removeClass('fat-nav');
108      $('.menu-main-container').removeClass('fat-nav__wrapper container_fluid');
109    }
110  });
111})(jQuery);
112
113// pagetop
114(function($) {
115  if (window.matchMedia('(min-width: 981px)').matches) {
116
117    $('#page-top').css('display', 'none');
118    $(window).scroll(function() {
119      if ($(window).scrollTop() > 300) {
120        $('#page-top').fadeIn('fast');
121      } else {
122        $('#page-top').fadeOut('fast');
123      }
124    });
125
126  }
127  if (window.matchMedia('(max-width: 991px)').matches) {
128    $('#page-top').css('display', 'none');
129  }
130})(jQuery);
131
132
133// map
134(function($) {
135  function new_map($el) {
136    // var
137    var $markers = $el.find('.marker');
138    // var latlng = new google.maps.LatLng($marker.attr('data-lat'), $marker.attr('data-lng'));
139    // vars
140    var args = {
141      zoom: 16,
142      center: new google.maps.LatLng(0, 0),
143      // center: new google.maps.LatLng(latlng),
144      mapTypeId: google.maps.MapTypeId.ROADMAP,
145      draggable: false, //追記ドラッグ禁止
146      scrollwheel: false //スクロール禁止
147    };
148    // create map
149    var map = new google.maps.Map($el[0], args);
150    // add a markers reference
151    map.markers = [];
152    // add markers
153    $markers.each(function() {
154      add_marker($(this), map);
155    });
156    // center map
157    center_map(map);
158    // return
159    return map;
160  }
161
162  function add_marker($marker, map) {
163    // var
164    var latlng = new google.maps.LatLng($marker.attr('data-lat'), $marker.attr('data-lng'));
165    var mopts = {
166      position: latlng,
167      map: map
168    };
169    var marker = new google.maps.Marker(mopts);
170    // add to array
171    map.markers.push(marker);
172    // if marker contains HTML, add it to an infoWindow
173    if ($marker.html()) {

174      // create info window
175      var infowindow = new google.maps.InfoWindow({
176        content: $marker.html()
177      });
178      // show info window when marker is clicked
179      google.maps.event.addListener(marker, 'click', function() {
180        infowindow.open(map, marker);
181      });
182    }
183  }
184  function center_map(map) {
185    // vars
186    var bounds = new google.maps.LatLngBounds();
187    // loop through all markers and create bounds
188    $.each(map.markers, function(i, marker) {
189      var latlng = new google.maps.LatLng(marker.position.lat(), marker.position.lng());
190      bounds.extend(latlng);
191    });
192    // only 1 marker?
193    if (map.markers.length == 1) {
194      // set center of map
195      map.setCenter(bounds.getCenter());
196      map.setZoom(16);
197    } else {
198      // fit to bounds
199      map.fitBounds(bounds);
200    }
201  }
202  // global var
203  var map = null;
204  $(window).on('load', function(){
205    $('.acf-map').each(function() {
206      // create map
207      map = new_map($(this));
208    });
209  });
210})(jQuery);
211
212// slider
213(function($) {
214  // $(window).on('load', function(){
215  $('.bxslider').bxSlider({
216    mode: 'fade',
217    captions: true,
218    pager: true,
219    controls: false,
220    pause:6000,
221    speed: 2000,
222    infiniteLoop: true,
223    touchEnabled:false,
224    auto: true
225    // });
226  });
227})(jQuery);
228
229// 3column layout - tile
230(function($) {
231  $(window).on('load resize', function(){
232    $('.bx-caption').tile();
233    if(window.matchMedia('(min-width: 1200px)').matches) {
234      $('.lay3content').tile();
235      for(var i=0; i<$('.update-box').length; i++){
236        $('.update-box > ul').eq(i).find('li').tile(3);
237      }
238    } else if(window.matchMedia('(max-width: 1079px)').matches) {
239      $('.update-box > ul li').each(function(){
240        $(this).css({
241          height: 'auto'
242        })
243      });
244    }
245  });
246})(jQuery);
247
248// 2column layout
249(function($) {
250  var columnHeight = 0;
251  $('.column-2 .container-fluid .col-md-6').tile(2);
252  $(window).on('load resize', function(){
253    if (window.matchMedia('(min-width: 992px)').matches) {
254      $('.half-visual-height').each(function(){
255        columnHeight = $(this).data('column-height');
256        if(columnHeight != 0){
257          $(this).css({
258            height: columnHeight
259          });
260        }
261      });
262    } else {
263      $('.half-visual-height').each(function() {
264        if (!$(this).hasClass('madia-column')) {
265          $(this).css({
266            height: 'auto',
267            background:'none',
268            padding:'0'
269          });
270        }
271      });
272    }
273  });
274})(jQuery);
275
276// iframe
277(function($){
278  $(window).on('load resize', function(){
279    if (window.matchMedia('(min-width: 992px)').matches) {
280      var windowWidth = $(window).width();
281      $('.iframe-outer').each(function(){
282        var outerHeight = $(this).outerHeight();
283        var innerHeight = windowWidth * 9 / 32;
284        if(outerHeight > innerHeight){
285          var diffHeight = (outerHeight - innerHeight) / 2;
286          $('.iframe-box',$(this)).css('margin-top',diffHeight);
287        }
288      });
289    }
290  });
291})(jQuery);