質問編集履歴
6
追加検証更新
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,9 +16,15 @@
|
|
|
16
16
|
|
|
17
17
|
※コード上だとSubmenu1-1～Submenu1-3が開かれた状態の時
|
|
18
18
|
|
|
19
|
+
↓
|
|
20
|
+
|
|
21
|
+
12/16更新
|
|
22
|
+
|
|
19
|
-
|
|
23
|
+
メニューを開くたびにiscrollをrefrehすることで、開いた分だけのメニューをすべてスクロール出来るようにはなったのですが、
|
|
24
|
+
|
|
20
|
-
|
|
25
|
+
メニューを下にスクロールして先頭（コードだとMenu1）の部分が見えない状態で他のメニューを開くと、
|
|
26
|
+
|
|
21
|
-
|
|
27
|
+
画面が先頭に戻ってしまうのを止めたいです。
|
|
22
28
|
|
|
23
29
|
|
|
24
30
|
|
|
@@ -56,6 +62,20 @@
|
|
|
56
62
|
|
|
57
63
|
$(this).toggleClass('clicked');
|
|
58
64
|
|
|
65
|
+
setTimeout(function(){
|
|
66
|
+
|
|
67
|
+
var myScroll;
|
|
68
|
+
|
|
69
|
+
myScroll = new IScroll('#drawer-scroll',{
|
|
70
|
+
|
|
71
|
+
mouseWheel: true
|
|
72
|
+
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
myScroll.refresh();
|
|
76
|
+
|
|
77
|
+
} , 500);
|
|
78
|
+
|
|
59
79
|
});
|
|
60
80
|
|
|
61
81
|
</script>
|
|
@@ -234,6 +254,10 @@
|
|
|
234
254
|
|
|
235
255
|
がDevツールで表示されたので、ツール上で削除→JS等のコードからなのか、メニュー開くと復活
|
|
236
256
|
|
|
257
|
+
↓
|
|
258
|
+
|
|
259
|
+
iscroll.jsを使用しており「refresh」をかけたら、スクロール出来る範囲はメニューを開いた分までは見れるようになりました。
|
|
260
|
+
|
|
237
261
|
|
|
238
262
|
|
|
239
263
|
### 補足情報（FW/ツールのバージョンなど）
|
5
コード修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
|
|
73
73
|
<div class="drawer-navbar-header">
|
|
74
74
|
|
|
75
|
-
<a class="drawer-brand" href="index_drawer.html"><div class="img_logo"><img src="#" width="
|
|
75
|
+
<a class="drawer-brand" href="index_drawer.html"><div class="img_logo"><img src="#" width="100" height="60" alt="###" /></div></a>
|
|
76
76
|
|
|
77
77
|
<button type="button" class="drawer-toggle drawer-hamburger">
|
|
78
78
|
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
|
|
91
91
|
<li class="drawer-dropdown">
|
|
92
92
|
|
|
93
|
-
<a class="drawer-menu-item" href="###" data-toggle="dropdown">Menu1<span class="drawer-caret"></span></a>
|
|
93
|
+
<a class="drawer-menu-item submenu" href="###" data-toggle="dropdown">Menu1<span class="drawer-caret"></span></a>
|
|
94
94
|
|
|
95
95
|
<ul class="drawer-dropdown-menu">
|
|
96
96
|
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
|
|
113
113
|
<li class="drawer-dropdown">
|
|
114
114
|
|
|
115
|
-
<a class="drawer-menu-item" href="#" data-toggle="dropdown">Submenu1<span class="drawer-caret"></span></a>
|
|
115
|
+
<a class="drawer-menu-item submenu" href="#" data-toggle="dropdown">Submenu1<span class="drawer-caret"></span></a>
|
|
116
116
|
|
|
117
117
|
<ul class="drawer-dropdown-menu">
|
|
118
118
|
|
4
タイトル変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ドロワーメニューの3階層目がスクロールできない（drawer.js・boot
|
|
1
|
+
ドロワーメニューの3階層目がスクロールできない（drawer.js・bootstrap.js）
|
test
CHANGED
|
File without changes
|
3
タイトル変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ドロワーメニューがスクロールできない（drawer.js）
|
|
1
|
+
ドロワーメニューの3階層目がスクロールできない（drawer.js・bootatrap.js）
|
test
CHANGED
|
File without changes
|
2
不足内容の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
|
|
13
13
|
・drawer.js等を使って、ドロワーメニューを作成したのですが、
|
|
14
14
|
|
|
15
|
-
階層を
|
|
15
|
+
3階層目を開いた時、画面サイズを超えると下にスクロールが出来ず、メニューを下まで見ることができない
|
|
16
|
-
|
|
16
|
+
|
|
17
|
-
※コード上だと
|
|
17
|
+
※コード上だとSubmenu1-1～Submenu1-3が開かれた状態の時
|
|
18
18
|
|
|
19
19
|
・ドロワーメニューを全て開いた状態でメニュー全体を閉じ、再度開くと、高さが取得出来ているのか、下までスクロールが出来る
|
|
20
20
|
|
1
前提補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
高さが画面サイズ以上になった時にスクロールが出来るようにしたい
|
|
5
|
+
ドロワーメニューの高さが画面サイズ以上になった時にスクロールが出来るようにしたい
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|