teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

このコメントは間違いです

2019/11/22 01:39

投稿

hukumarukun
hukumarukun

スコア10

answer CHANGED
@@ -1,97 +1,1 @@
1
- 公開できる範囲で、解決したJSの記述を公開します
2
- 記述したコード
3
-
4
- ```ここに言語を入力
5
- <div class="section fixed-top header_wrap">
6
- <div class="header">
7
- <div id="logo"><a href="/"><img src="" alt=""></a></div>
8
-
9
- <div class="spmenu_wrap">
10
- <div class="nav-button">
11
- <div class="nav_wrap">
12
- <span></span>
13
- <span></span>
14
- <span></span>
15
- </div>
16
- </div>
17
- <nav class="nav-wrap nav_wrap_menu">
18
-
19
- <div class="nav_box">
20
- <ul class="navbox nav-item nav-tabs">
21
- <li class="nav-item dropdown"><a href="/about/" class="nav-link dropdown-toggle" id="company">会社情報</a>
22
- <div class="dropdown-menu">
23
- <ul>
24
- <li><a class="dropdown-item anchorlink" href="/about/index.html#company_about"><span><i class="fa fa-angle-right" aria-hidden="true"></i>A</span></a></li>
25
- <li><a class="dropdown-item anchorlink" href="/about/index.html#history"><span><i class="fa fa-angle-right" aria-hidden="true"></i>B</span></a></li>
26
- </ul>
27
- </div>
28
-
29
- <div class="spmenu">
30
- <ul>
31
- <li><a class="anchorlink" href="/about/index.html#company_about"><i class="fa fa-angle-right" aria-hidden="true"></i>A</a></li>
32
- <li><a class="anchorlink" href="/about/index.html#history"><i class="fa fa-angle-right" aria-hidden="true"></i>B</a></li>
33
- </ul>
34
- </div>
35
- </li>
36
- </ul>
37
- </div>
38
- </nav>
39
- </div>
40
- <!-- spmenu_wrap -->
41
- </div>
42
- </div>
43
- ```
44
-
45
- 記述したJS
46
-
47
- $(function() {
48
-
49
- var H_nav = $(".header").height();
50
-
51
- function pagelink(heightnum) {
52
- var headerH = heightnum;
53
-
54
- $(".anchorlink").click(function() {
55
- if ($(".nav-button .nav_wrap").hasClass("active")) {
56
- $(".nav-button .nav_wrap").removeClass("active");
57
- $(".nav-wrap").addClass("close");
58
- $(".nav-wrap").removeClass("open");
59
- }
60
-
61
- var headerHeight = $(".header").height(); //ヘッダの高さを計測
62
-
63
- var href = $(this).attr("href");
64
- // window.alert(href);
65
- var check_inner = href.indexOf('#');
66
- if (check_inner < 1) {
67
- location.href = href; //ページ内リではいので、直ぐリ
1
+ このコメトは間違いすこのコメント間違ですこコメントは間違いすこのコメトは間違いです
68
- }
69
- else {
70
- location.replace(href);
71
- }
72
-
73
- var url = $(location).attr("href");
74
- var url_sp = url.split("#");
75
- var hash = "#" + url_sp[url_sp.length - 1];
76
- var target = $(hash);
77
- var position = target.offset().top - headerH -15; //高さ+15pxの余白を引く
78
- $("html, body").animate({ scrollTop: position }, 300, "swing");
79
-
80
- });
81
-
82
- /* outpagelink */
83
- var url = $(location).attr("href");
84
- if (url.indexOf("#") != -1) {
85
- var url_sp = url.split("#");
86
- var hash = "#" + url_sp[url_sp.length - 1];
87
- var target = $(hash);
88
- var position = target.offset().top - headerH -15;
89
- $("html, body").animate({ scrollTop: position }, 300, "swing");
90
- return false;
91
- }
92
- }
93
-
94
- pagelink(H_nav);
95
-
96
- });
97
- ```