https://www.iwatekeiba.or.jp/dir/wp-content/themes/iwatekeiba/dist/js/fixedBoxandHeighter.js

1//　1.ページ読み込み時にフェードイン（未使用）
2// 2.スムーススクロール
3// 3.表示したらアニメーションGIF開始
4// 4.画面サイズに合わせて高さを指定（ファーストビューフルスクリーン）
5// 5.スクロールするとヘッダーに固定表示
6
7//*********************************************************************
8//ページ読込み時にフェードイン
9//未使用
10//*********************************************************************
11//$(document).ready(function() {
12//	$('body').fadeIn(2000);
13//});
14
15//*********************************************************************
16//スムーススクロール
17//class=carousel-controlとclass=dropdown-toggleはスムース禁止
18//*********************************************************************
19$(function(){
20    $('a[href^=#]'+'a:not(".carousel-control")'+'a:not(".dropdown-toggle")').click(function(){
21        var speed = 500;
22        var href= $(this).attr("href");
23        var target = $(href == "#" || href == "" ? 'html' : href);
24        var position = target.offset().top;
25        $("html, body").animate({scrollTop:position}, speed, "swing");
26        return false;
27    });
28});
29
30//*********************************************************************
31//表示したらアニメーションGIF開始
32//*********************************************************************
33$(function(){
34  $(".anime").css({'z-index':'100',opacity:'1'});
35  $(".mainSite").css({display:'none',opacity:'0'});
36   setTimeout(function(){
37     $(".anime").stop().animate({'z-index':'-1',opacity:'0',display:'none'},400);
38      //$(".anime").css({display:'none',position:'absolute'});
39      $(".mainSite").css({display:'block',opacity:'1'});
40    },3400);
41});
42$(function(){
43  $(".mainSite").css("display", "none");//アニメーション中は非表示
44  setTimeout(function(){
45  $('.anime').fadeOut(1700,"linear");
46  $(".mainSite").css("display", "block");//アニメーション中は非表示
47  },3800);//約4秒数後
48});
49
50
51//*********************************************************************
52//画面サイズに合わせて高さを指定
53//*********************************************************************
54//$(document).ready(function () {
55//  hsize = $(window).height();
56//  $(".site-wrapper").css("height", hsize + "px");
57//});
58//$(window).resize(function () {  //ウインドウサイズを変えたときにあらためて高さを取得
59//  hsize = $(window).height();
60//  $(".site-wrapper").css("height", hsize + "px");
61//});
62
63//*********************************************************************
64//スクロールするとヘッダーに固定表示
65//*********************************************************************
66// $(function() {
67//     var nav = $('.nav');
68//     //表示位置
69//     var navTop = nav.offset().top+300;
70//     //ナビゲーションの高さ（シャドウの分だけ足してます）
71//     var navHeight = nav.height()+100;
72//     var showFlag = false;
73//     nav.css('top', -navHeight+'px');
74//     //ナビゲーションの位置まできたら表示
75//     $(window).scroll(function () {
76//         var winTop = $(this).scrollTop();
77//         if (winTop >= navTop) {
78//             if (showFlag == false) {
79//                 showFlag = true;
80//                 nav
81//                     .addClass('fixed')
82//                     .stop().animate({'top' : '0px','opacity' : '1'}, 300);
83//             }
84//         } else if (winTop <= navTop) {
85//             if (showFlag) {
86//                 showFlag = false;
87//                 nav.stop().animate({'top' : -navHeight+'px','opacity' : '0'}, 200, function(){
88//                     nav.removeClass('fixed');
89//                 });
90//             }
91//         }
92//     });
93// });