質問編集履歴
5
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
1）
|
|
5
|
+
1）800pxまでスクロールでボタン出現（画面下部で固定、フッターの上部で固定）
|
|
6
6
|
|
|
7
7
|
2）ボタンクリック（ページ内アンカー）でボタンが消える
|
|
8
8
|
|
4
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -112,11 +112,11 @@
|
|
|
112
112
|
|
|
113
113
|
|
|
114
114
|
|
|
115
|
-
<div id="
|
|
115
|
+
<div id="sec01">1</div>
|
|
116
116
|
|
|
117
|
-
<div id="
|
|
117
|
+
<div id="sec02">2</div>
|
|
118
118
|
|
|
119
|
-
<div id="
|
|
119
|
+
<div id="sec03">3</div>
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
|
3
書式
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
$(window).on("scroll", function() {
|
|
34
34
|
|
|
35
|
-
if ($(this).scrollTop() >
|
|
35
|
+
if ($(this).scrollTop() > 800) {
|
|
36
36
|
|
|
37
37
|
$(".btn").fadeIn("fast");
|
|
38
38
|
|
|
@@ -106,21 +106,21 @@
|
|
|
106
106
|
|
|
107
107
|
```html
|
|
108
108
|
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
<div class="hero">高さ800pxの画像：ここではボタンは出現しない</div>
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
109
115
|
<div id="#sec01">1</div>
|
|
110
|
-
|
|
111
|
-
.
|
|
112
116
|
|
|
113
117
|
<div id="#sec02">2</div>
|
|
114
118
|
|
|
115
|
-
.
|
|
116
|
-
|
|
117
119
|
<div id="#sec03">3</div>
|
|
118
120
|
|
|
119
|
-
.
|
|
120
121
|
|
|
121
|
-
.
|
|
122
122
|
|
|
123
|
-
<footer>
|
|
123
|
+
<footer>ボタンは最下部に固定で、footerまでくればfooterの上に表示</footer>
|
|
124
124
|
|
|
125
125
|
|
|
126
126
|
|
|
@@ -130,7 +130,9 @@
|
|
|
130
130
|
|
|
131
131
|
<div class="btn"><a href="#sec03">sec03へアンカーリンク</a></div>
|
|
132
132
|
|
|
133
|
+
|
|
134
|
+
|
|
133
|
-
|
|
135
|
+
```
|
|
134
136
|
|
|
135
137
|
|
|
136
138
|
|
|
@@ -142,7 +144,7 @@
|
|
|
142
144
|
|
|
143
145
|
ページ内アンカーのためクリック後もすぐに
|
|
144
146
|
|
|
145
|
-
if ($(this).scrollTop() >
|
|
147
|
+
if ($(this).scrollTop() > 800) {
|
|
146
148
|
|
|
147
149
|
$(".btn").fadeIn("fast");
|
|
148
150
|
|
2
書式
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
---js
|
|
26
25
|
|
|
27
26
|
|
|
27
|
+
```jQuery
|
|
28
28
|
|
|
29
29
|
$(document).ready(function(){
|
|
30
30
|
|
|
@@ -96,13 +96,15 @@
|
|
|
96
96
|
|
|
97
97
|
});
|
|
98
98
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
```
|
|
102
100
|
|
|
103
101
|
|
|
104
102
|
|
|
103
|
+
htmlは下記のようになっています。
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
105
|
-
|
|
107
|
+
```html
|
|
106
108
|
|
|
107
109
|
<div id="#sec01">1</div>
|
|
108
110
|
|
|
@@ -128,6 +130,8 @@
|
|
|
128
130
|
|
|
129
131
|
<div class="btn"><a href="#sec03">sec03へアンカーリンク</a></div>
|
|
130
132
|
|
|
133
|
+
--
|
|
134
|
+
|
|
131
135
|
|
|
132
136
|
|
|
133
137
|
|
1
誤字
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
スクロールでボタンを表示、クリックで非表示、再スクロールで表示
|
|
1
|
+
【jQuery】スクロールでボタンを表示、クリックで非表示、再スクロールで表示したい
|
test
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
|
|
139
139
|
ページ内アンカーのためクリック後もすぐに
|
|
140
140
|
|
|
141
|
-
if ($(this).scrollTop() >
|
|
141
|
+
if ($(this).scrollTop() > 300) {
|
|
142
142
|
|
|
143
143
|
$(".btn").fadeIn("fast");
|
|
144
144
|
|