$(function(){ var bslcarNum = 0; // 現在どの状態かを確認するための変数(初期値は0) var stw; // 本体コンテンツ格納変数 var ita; // Interviewコンテンツを表示させる為のClickするObject格納変数 var tvi; // 誰をClickしたかを取得する変数(Object) var tvh = 0; // インタビュコンテンツの高さを格納する変数 // iPhoneなど画面幅が同じでもスクロール時にResizeが発生するため、 // Load時とResize時の画面幅が同じの場合は、Actionを起こさないようにするため var wws = 0; // Load時の画面の幅を格納する変数 var wwe = 0; // Resize時の画面の幅を格納する変数 $(window).on('load',function(){ wws = $(window).innerWidth(); // ブラウザ画面幅取得 stw = $('.st-wrapper'); // 本体コンテンツ格納 ita = $('.bslcar-itv-open'); // Interviewコンテンツを表示させる為のClickするObject ita.click(function(){ if(bslcarNum > 0){ // だれかのInterviewコンテンツが開いている場合 $('.bslcar-interview-area').hide(); // 開いているInterviewコンテンツを消す } bslcarNum = $(this).data('bslcar'); // 現在どの状態かを確認するための変数 $('html,body').animate({ scrollTop:0 },300); // PageTopへ瞬時にスクロール tvi = $('#bslcar_interview_main'+$(this).data('itv')); // 誰をClickしたかの取得 tvi.slideDown('slow'); setTimeout(function(){ tvh = tvi.innerHeight(); // Interviewコンテンツの高さを取得 stw.innerHeight(tvh); // 本体コンテンツの高さをInterviewコンテンツの高さにする stw.css('overflow-y','hidden'); // 本体コンテンツのはみ出た部分は消す },500); return false; }); }); // Interview枠を閉じる(Closeアクション) $('.bslcar-interview-close-action').click(function(){ $('html,body').animate({ scrollTop:0 },300); // PageTopへ瞬時にスクロール $('.bslcar-interview-area').slideUp(); // Interviewコンテンツを閉じる stw.css('height','auto'); stw.css('overflow-y','visible'); bslcarNum = $(this).data('bslcar'); // 現在どの状態かを確認するための変数は、Interviewコンテンツを閉じるので、初期値の0に戻す return false; }); $(window).on('resize',function(){ wwe = $(window).innerWidth(); // ブラウザ画面幅取得(Resize時) if(wwe != wws){ if(bslcarNum != 0){ $('html,body').animate({ scrollTop:0 },300); // PageTopへ瞬時にスクロール $('.bslcar-interview-area').hide(); stw.css('height','auto'); stw.css('overflow-y','visible'); bslcarNum = $(this).data('bslcar'); // 現在どの状態かを確認するための変数は、Interviewコンテンツを閉じるので、初期値の0に戻す wws = wwe; } } }); });