回答編集履歴
1
このコメントは間違いです
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
|
-
|
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
|
-
```
|