https://alpha-2015.jp/js/custom.js

1$(function () {
2    //トップに戻る
3    var pageTop = $('.fixtop');
4    pageTop.hide();
5    $(window).scroll(function () {
6        var n = $(this).scrollTop();
7        var bodyHeight = document.body.clientHeight;
8        // var windowHeight = $(window).height();
9        // var browseBottom = bodyHeight - windowHeight ;
10        if (n > 50) {
11            pageTop.fadeIn();
12        } else {
13            pageTop.fadeOut();
14        }
15    });
16
17    // 現在スクロール位置によるグローバルナビのアクティブ表示
18    var scrollMenu = function () {
19        // 配列宣言
20        // ここにスクロールで点灯させる箇所のidを記述する
21        // 数値は全て0でOK
22        var array = {
23            '#section01': 0,
24            '#section02': 0,
25            '#section03': 0,
26            '#section04': 0,
27            '#section05': 0,
28            '#section06': 0,
29            '#section07': 0,
30            '#section08': 0,
31            // '#section09': 0 index.php>#section09のコメントアウトに伴い、エラー回避のためこちらもコメントアウト（2022.12.22 KonKen）
32        };
33
34        var $globalNavi = new Array();
35
36        // 各要素のスクロール値を保存
37        for (var key in array) {
38            if ($(key).offset()) {
39                array[key] = $(key).offset().top - 10; // 数値丁度だとずれるので10px余裕を作る
40                $globalNavi[key] = $('#navi li a[href="' + key + '"]');
41            }
42
43        }
44
45        // スクロールイベントで判定
46        $(window).scroll(function () {
47            for (var key in array) {
48                if ($(window).scrollTop() > array[key] - 50) {
49                    $('#navi li a').each(function () {
50                        $(this).removeClass('on');
51                    });
52                    $globalNavi[key].addClass('on');
53                }
54            }
55        });
56    }
57
58    // 実行
59    scrollMenu();
60});
61
62