質問編集履歴
4
リンクの挿入
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
スマホ表示時にdrawer.js(http://git.blivesta.com/drawer/)を実装しているサイトを作っています。
|
|
3
|
+
スマホ表示時にdrawer.js([http://git.blivesta.com/drawer/](http://git.blivesta.com/drawer/))を実装しているサイトを作っています。
|
|
4
4
|
|
|
5
5
|
メニュー展開時には背景のスクロールを固定するようにしたいです。
|
|
6
6
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
下記サイトを参考にhtml,bodyに.fixedを付与する事で、背景の固定をする事ができましたが、問題点は後述します。
|
|
14
14
|
|
|
15
|
-
http://sublimelife.hatenablog.com/entry/2018/06/21/183718
|
|
15
|
+
[http://sublimelife.hatenablog.com/entry/2018/06/21/183718](http://sublimelife.hatenablog.com/entry/2018/06/21/183718)
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
https://blog.mismithportfolio.com/web/20150529scrollfixed
|
|
59
|
+
[https://blog.mismithportfolio.com/web/20150529scrollfixed](https://blog.mismithportfolio.com/web/20150529scrollfixed)
|
|
60
60
|
|
|
61
61
|
上記サイトも同じく.fixedの削除の条件がボタンをクリックする事なので
|
|
62
62
|
|
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,9 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
メニュー展開時には背景のスクロールを固定するようにしたいです。
|
|
6
6
|
|
|
7
|
-
固定自体はできたものの、下記の問題点があります。
|
|
7
|
+
一応固定自体はできたものの、下記の問題点があります。
|
|
8
|
-
|
|
9
|
-
iOS safariで動作確認を行っています。
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -16,7 +14,9 @@
|
|
|
16
14
|
|
|
17
15
|
http://sublimelife.hatenablog.com/entry/2018/06/21/183718
|
|
18
16
|
|
|
17
|
+
|
|
18
|
+
|
|
19
|
-
drawer.jsの記述に則り
|
|
19
|
+
drawer.jsの記述に則りセレクタを変更していますが、他は追記など行っておりません。
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
### 問題点
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
メニューを閉じる際、付与した.fixedの削除をする必要がありますが
|
|
38
38
|
|
|
39
39
|
上記の記述では.drawer-toggle（この場合ハンバーガーボタン）をクリックしないと削除ができないと思うのですが、
|
|
40
40
|
|
|
@@ -58,8 +58,6 @@
|
|
|
58
58
|
|
|
59
59
|
https://blog.mismithportfolio.com/web/20150529scrollfixed
|
|
60
60
|
|
|
61
|
-
上記サイトを参考にもしましたが、
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
上記サイトも同じく.fixedの削除の条件がボタンをクリックする事なので
|
|
64
62
|
|
|
65
63
|
同じ理由で行き詰ってしまいました。
|
2
文章の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,13 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
### 試したこと
|
|
14
14
|
|
|
15
|
-
下記サイトを参考にhtml,bodyに.fixedを付与する事で、背景の固定をする事ができました。
|
|
15
|
+
下記サイトを参考にhtml,bodyに.fixedを付与する事で、背景の固定をする事ができましたが、問題点は後述します。
|
|
16
16
|
|
|
17
17
|
http://sublimelife.hatenablog.com/entry/2018/06/21/183718
|
|
18
18
|
|
|
19
|
-
drawer.jsの記述に則り下記のようにセレクタを変更していますが、
|
|
19
|
+
drawer.jsの記述に則り下記のようにセレクタを変更していますが、他は追記など行っておりません。
|
|
20
|
-
|
|
21
|
-
他は追記など行っておりません。
|
|
22
20
|
|
|
23
21
|
|
|
24
22
|
|
|
@@ -46,14 +44,6 @@
|
|
|
46
44
|
|
|
47
45
|
|
|
48
46
|
|
|
49
|
-
drawer.jsを直に変更する必要があるのではないかと思いましたが、
|
|
50
|
-
|
|
51
|
-
jQueryの知識不足でどのように変更すればいいかがわかりません。
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
皆様の知恵をお借りしたく、何卒よろしくお願い申し上げます。
|
|
56
|
-
|
|
57
47
|
あるいは、別の手段をご教授いただけましても大変助かります。
|
|
58
48
|
|
|
59
49
|
初めての質問で至らぬ点も多くあると思いますが、
|
1
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
スマホ表示時にdrawer.js(http://git.blivesta.com/drawer/)を実装しているサイトを作っています。
|
|
4
4
|
|
|
5
5
|
メニュー展開時には背景のスクロールを固定するようにしたいです。
|
|
6
|
+
|
|
7
|
+
固定自体はできたものの、下記の問題点があります。
|
|
6
8
|
|
|
7
9
|
iOS safariで動作確認を行っています。
|
|
8
10
|
|