回答編集履歴
4
具体的な記述の追加
test
CHANGED
@@ -3,8 +3,6 @@
|
|
3
3
|
|
4
4
|
|
5
5
|
まず[こちらのサイト](https://blog.mismithportfolio.com/web/20150529scrollfixed)を参考に、下記記述をしてみました。
|
6
|
-
|
7
|
-
|
8
6
|
|
9
7
|
```lang-ja
|
10
8
|
|
@@ -40,11 +38,29 @@
|
|
40
38
|
|
41
39
|
```
|
42
40
|
|
41
|
+
```css
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
.fixed {
|
46
|
+
|
47
|
+
overflow: hidden;
|
48
|
+
|
49
|
+
position: fixed;
|
50
|
+
|
51
|
+
height: 100%;
|
52
|
+
|
53
|
+
width: 100%;
|
54
|
+
|
55
|
+
}
|
56
|
+
|
57
|
+
```
|
58
|
+
|
43
59
|
|
44
60
|
|
45
61
|
背景の固定はするし、質問内容の問題点のクラスの解除も条件を変えたのでクリアです。
|
46
62
|
|
47
|
-
ただ、最上部までスクロールしてしまう挙動があり、(.fixedのCSS、position:fixed;のせいかと)
|
63
|
+
ただ、最上部までスクロールしてしまう挙動があり、(おそらく.fixedのCSS、position:fixed;のせいかと)
|
48
64
|
|
49
65
|
そちらをうまく扱う事が出来なかった為、[別のサイト](https://tiltilmitil.co.jp/blog/891)を参考に下記の記述に変更しました。
|
50
66
|
|
3
リンクの追加
test
CHANGED
@@ -2,9 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
[
|
5
|
+
まず[こちらのサイト](https://blog.mismithportfolio.com/web/20150529scrollfixed)を参考に、下記記述をしてみました。
|
6
|
-
|
7
|
-
まず上記を参考に、下記記述をしてみました。
|
8
6
|
|
9
7
|
|
10
8
|
|
@@ -48,7 +46,7 @@
|
|
48
46
|
|
49
47
|
ただ、最上部までスクロールしてしまう挙動があり、(.fixedのCSS、position:fixed;のせいかと)
|
50
48
|
|
51
|
-
そちらをうまく扱う事が出来なかった為、別のサイトを参考に下記の記述に変更しました。
|
49
|
+
そちらをうまく扱う事が出来なかった為、[別のサイト](https://tiltilmitil.co.jp/blog/891)を参考に下記の記述に変更しました。
|
52
50
|
|
53
51
|
|
54
52
|
|
2
リンクの挿入
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
https://blog.mismithportfolio.com/web/20150529scrollfixed
|
5
|
+
[https://blog.mismithportfolio.com/web/20150529scrollfixed](https://blog.mismithportfolio.com/web/20150529scrollfixed)
|
6
6
|
|
7
7
|
まず上記を参考に、下記記述をしてみました。
|
8
8
|
|
1
誤字の修正
test
CHANGED
@@ -44,7 +44,7 @@
|
|
44
44
|
|
45
45
|
|
46
46
|
|
47
|
-
固定はするし、質問内容の問題点のクラスの解除も条件を変えたのでクリアです。
|
47
|
+
背景の固定はするし、質問内容の問題点のクラスの解除も条件を変えたのでクリアです。
|
48
48
|
|
49
49
|
ただ、最上部までスクロールしてしまう挙動があり、(.fixedのCSS、position:fixed;のせいかと)
|
50
50
|
|