回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
`$()`は関数です。
|
|
2
|
+
- 71行目、style属性のrightプロパティの部分、セミコロンとコロンの打ち間違い。
|
|
3
|
+
- 71行目、aタグの対応がとれていない。
|
|
4
|
+
- 73行目、style属性と値の間にイコールがない。
|
|
5
|
+
- 81行目、if文の括弧の対応が取れていない。
|
|
6
|
+
- `$((this).scrollTop() > 60)`ではなくて、`($(this).scrollTop() > 60)`。
|
|
7
|
+
- `$back-to-top`は`#back-to-top`。
|
|
8
|
+
- `$('#pos').text$(this).scrollTop()`は`$('#pos').text($(this).scrollTop())`。
|
|
2
9
|
```HTML
|
|
3
10
|
<!DOCTYPE html>
|
|
4
11
|
<html lang="ja">
|
|
@@ -71,7 +78,7 @@
|
|
|
71
78
|
<p>hello!</p>
|
|
72
79
|
<p>hello!</p>
|
|
73
80
|
<div id="back-to-top" style="position:fixed;right:5px;bottom:5px">
|
|
74
|
-
<a>↑</a>
|
|
81
|
+
<a href="#">↑</a>
|
|
75
82
|
</div>
|
|
76
83
|
<div id="pos" style="position:fixed;left:5px;bottom:5px"></div>
|
|
77
84
|
|
|
@@ -80,7 +87,7 @@
|
|
|
80
87
|
$('#back-to-top').hide();
|
|
81
88
|
$(window).scroll(function () {
|
|
82
89
|
$('#pos').text($(this).scrollTop());
|
|
83
|
-
if ($(this).scrollTop() > 60) {
|
|
90
|
+
if (($(this).scrollTop() > 60)) {
|
|
84
91
|
$('#back-to-top').fadeIn();
|
|
85
92
|
} else {
|
|
86
93
|
$('#back-to-top').fadeOut();
|
|
@@ -88,7 +95,6 @@
|
|
|
88
95
|
});
|
|
89
96
|
});
|
|
90
97
|
</script>
|
|
91
|
-
|
|
92
98
|
</body>
|
|
93
99
|
</html>
|
|
94
100
|
```
|