https://www.prap.co.jp/include/include_contact.js

1var WriteMenu = `
2
3<!-- Google font Icon -- https://fonts.google.com/icons -- -->
4<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
5
6  <div class="inquiry_posision">
7    <p id="js_inquiry">
8      <input type="checkbox" id="inquiry-btn-check" name="check">
9      <label for="inquiry-btn-check" class="inquiry-btn-check_tri"></label>
10      <a href="https://www.prap.co.jp/pr/contact" class="inquiry-btn"> <img src="https://www.prap.co.jp/include/image/js_inquiry_icon.svg" alt=""> まずは相談</a>
11    </p>
12  </div>
13
14`;
15
16(function () {
17  const target = document.querySelector(".footer_menu-outer");
18  if (!target) return;
19
20  target.insertAdjacentHTML("beforeend", WriteMenu);
21})();
22
23// === 各種計測値 ===
24$(window).on("load scroll resize", function () {
25  nowscroll = $(window).scrollTop();
26  //console.log('nowscroll: ' + nowscroll);
27  windowHeight = $(window).height();
28  //console.log('windowHeight: ' + windowHeight);
29});
30// === / 各種計測値 ===
31
32$(window).on("load", function () {
33  // 常時表示にする為
34  $("#js_inquiry").addClass("fade");
35});
36
37$(window).on("scroll", function () {
38  // === 告知エリア表示/非表示 [CSS併用] ===
39  var off02 = $(".inquiry_posision").offset();
40  // console.log('off02 top: ' + off02.top);
41
42  // if (nowscroll >= 0) {
43  //   $("#js_inquiry").addClass("fade");
44  // } else if (nowscroll < 0) {
45  //   $("#js_inquiry").removeClass("fade");
46  // }
47
48  if (nowscroll + windowHeight >= off02.top) {
49    // $("#js_inquiry").css("position", "absolute");
50  } else if (off02.top > nowscroll + windowHeight) {
51    $("#js_inquiry").css("position", "");
52  }
53  // === /告知エリア表示/非表示 [CSS併用] ===
54});