https://www.yumeyakata.com/yumelib/headbar/helper/headbar.js

1// JavaScript Document
2
3//***********************************
4
5// Author 2017,05,26 chikako ueda
6
7//***********************************
8
9   // ページの読み込みが完了してから実行
10   $(function() {
11      // スクロール途中から表示したいメニューバーを指定
12      var navBox = $("#headbar");
13
14      // メニューバーは初期状態では消しておく
15      navBox.hide();
16
17      // 表示を開始するスクロール量を設定(px)
18      var TargetPos = 250;
19
20      // スクロールされた際に実行
21      $(window).scroll( function() {
22         // 現在のスクロール位置を取得
23         var ScrollPos = $(window).scrollTop();
24         // 現在のスクロール位置と、目的のスクロール位置を比較
25         if( ScrollPos > TargetPos ) {
26            // 表示(フェイドイン)
27            navBox.fadeIn();
28         }
29         else {
30            // 非表示(フェイドアウト)
31            navBox.fadeOut();
32         }
33      });
34   });
35
36//***********************************
37
38// Author 2018,05,15 miho yamamoto追記
39
40//***********************************
41
42   // ページの読み込みが完了してから実行
43   $(function() {
44      // スクロール途中から表示したいメニューバーを指定
45      var navBox = $("#page-top");
46
47      // メニューバーは初期状態では消しておく
48      navBox.hide();
49
50      // 表示を開始するスクロール量を設定(px)
51      var TargetPos = 500;
52
53      // スクロールされた際に実行
54      $(window).scroll( function() {
55         // 現在のスクロール位置を取得
56         var ScrollPos = $(window).scrollTop();
57         // 現在のスクロール位置と、目的のスクロール位置を比較
58         if( ScrollPos > TargetPos ) {
59            // 表示(フェイドイン)
60            navBox.fadeIn();
61         }
62         else {
63            // 非表示(フェイドアウト)
64            navBox.fadeOut();
65         }
66      });
67   });