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

回答編集履歴

4

コメントを受けて再々々修正

2021/12/06 05:37

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37481

answer CHANGED
@@ -108,4 +108,33 @@
108
108
  return false;
109
109
  });
110
110
  });
111
+ ```
112
+
113
+ ---
114
+
115
+ # コメントを受けて再々々修正
116
+
117
+ ```js
118
+ jQuery(function () {
119
+ var headerHeight = jQuery('header').outerHeight();
120
+ jQuery('#js-header-slider').on('init', () => {          // ここ
121
+ var urlHash = location.hash;
122
+ if (urlHash) {
123
+ jQuery('body,html').stop().scrollTop(0);
124
+ setTimeout(function () {
125
+ var target = jQuery(urlHash);
126
+ var position = target.offset().top - headerHeight;
127
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
128
+ }, 100);
129
+ }
130
+ })                                     // ここ
131
+ jQuery('a[href*="#"]').click(function () { // ここ
132
+ var href = '#' + jQuery(this).attr("href").split('#')[1]; // ここ
133
+
134
+ var target = jQuery(href);
135
+ var position = target.offset().top - headerHeight;
136
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
137
+ return false;
138
+ });
139
+ });
111
140
  ```

3

コメントを受けて再々修正

2021/12/06 05:37

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37481

answer CHANGED
@@ -79,4 +79,33 @@
79
79
  return false;
80
80
  });
81
81
  });
82
+ ```
83
+
84
+ ---
85
+
86
+ # コメントを受けて再々修正
87
+
88
+ ```js
89
+ jQuery(function () {
90
+ var headerHeight = jQuery('header').outerHeight();
91
+ jQuery('#js-header-slider').on('init', () => {          // ここ
92
+ var urlHash = location.hash;
93
+ if (urlHash) {
94
+ jQuery('body,html').stop().scrollTop(0);
95
+ setTimeout(function () {
96
+ var target = jQuery(urlHash);
97
+ var position = target.offset().top - headerHeight;
98
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
99
+ }, 100);
100
+ }
101
+ })                                     // ここ
102
+ jQuery('a[href*="#"]').click(function () { // ここ
103
+ var href = '#' + jQuery('this').attr("href").split('#')[1]; // ここ
104
+
105
+ var target = jQuery(href);
106
+ var position = target.offset().top - headerHeight;
107
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
108
+ return false;
109
+ });
110
+ });
82
111
  ```

2

コメントを受けて再修正

2021/12/03 11:59

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37481

answer CHANGED
@@ -50,4 +50,33 @@
50
50
  return false;
51
51
  });
52
52
  });
53
+ ```
54
+
55
+ ---
56
+
57
+ # コメントを受けて再修正
58
+
59
+ ```js
60
+ jQuery(function () {
61
+ var headerHeight = jQuery('header').outerHeight();
62
+ jQuery('#js-header-slider').on('init', () => {          // ここ
63
+ var urlHash = location.hash;
64
+ if (urlHash) {
65
+ jQuery('body,html').stop().scrollTop(0);
66
+ setTimeout(function () {
67
+ var target = jQuery(urlHash);
68
+ var position = target.offset().top - headerHeight;
69
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
70
+ }, 100);
71
+ }
72
+ })                                     // ここ
73
+ jQuery('a[href*="#"]').click(function () { // ここ
74
+ var href = '#' + jQuery('a[href*="#"]').attr("href").split('#')[1]; // ここ
75
+
76
+ var target = jQuery(href);
77
+ var position = target.offset().top - headerHeight;
78
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
79
+ return false;
80
+ });
81
+ });
53
82
  ```

1

コメントを受けて修正

2021/12/03 11:27

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37481

answer CHANGED
@@ -22,4 +22,32 @@
22
22
  return false;
23
23
  });
24
24
  });
25
+ ```
26
+
27
+ ---
28
+
29
+ # コメントを受けて修正
30
+
31
+ ```js
32
+ jQuery(function () {
33
+ var headerHeight = jQuery('header').outerHeight();
34
+ jQuery('#js-header-slider').on('init', () => {          // ここ
35
+ var urlHash = location.hash;
36
+ if (urlHash) {
37
+ jQuery('body,html').stop().scrollTop(0);
38
+ setTimeout(function () {
39
+ var target = jQuery(urlHash);
40
+ var position = target.offset().top - headerHeight;
41
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
42
+ }, 100);
43
+ }
44
+ })                                     // ここ
45
+ jQuery('a[href^="#"]').click(function () {
46
+ var href = jQuery(this).attr("href");
47
+ var target = jQuery(href);
48
+ var position = target.offset().top - headerHeight;
49
+ jQuery('body,html').stop().animate({ scrollTop: position }, 500);
50
+ return false;
51
+ });
52
+ });
25
53
  ```