質問編集履歴
1
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
Hogeをクリックしたらプルダウンメニューが展開される。展開されたプルダウンメニューの高さ分だけスクロールを許容してそれ以上下へのスクロールは禁止したい
|
test
CHANGED
@@ -1,4 +1,6 @@
|
|
1
|
+
プルダウンメニューの最下部までスクロールしたら
|
2
|
+
|
1
|
-
|
3
|
+
それ以上下へはスクロールできないよう画面を固定したいのですが、何か良い方法はありますでしょうか??
|
2
4
|
|
3
5
|
|
4
6
|
|
@@ -24,9 +26,11 @@
|
|
24
26
|
|
25
27
|
挙動
|
26
28
|
|
27
|
-
hogeをクリックすると、
|
29
|
+
hogeをクリックすると、
|
28
30
|
|
31
|
+
display:noneにしていた
|
32
|
+
|
29
|
-
メニューが
|
33
|
+
プルダウンメニューが出現する。
|
30
34
|
|
31
35
|
|
32
36
|
|
@@ -38,17 +42,13 @@
|
|
38
42
|
|
39
43
|
|
40
44
|
|
41
|
-
hogeをクリックしてメニューが展開した時、
|
42
|
-
|
43
|
-
現状だと最下部までスクロールが可能ですが、これをメニューの高さ分だけ
|
44
|
-
|
45
|
-
スクロールを
|
45
|
+
hogeをクリックしてプルダウンメニューが展開した時、現状だとbody最下部までスクロールが可能ですが、これをプルダウンの高さ分だけスクロールを許容して、メニューの高さ以上下にはスクロールできないようにしたいです。
|
46
46
|
|
47
47
|
|
48
48
|
|
49
|
-
メニューの高さを取得すれば...!とも思ったのですが、
|
49
|
+
Jsでメニューの高さを取得してそれ以上下へスクロールしたときはスクロール禁止にすれば...!とも思ったのですが、
|
50
50
|
|
51
|
-
absoluteで浮かせているためかうまくいかず
|
51
|
+
absoluteで浮かせているためかうまくいかず?でした
|
52
52
|
|
53
53
|
|
54
54
|
|