質問編集履歴
1
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
|
1
|
+
Hogeをクリックしたらプルダウンメニューが展開される。展開されたプルダウンメニューの高さ分だけスクロールを許容してそれ以上下へのスクロールは禁止したい
|
body
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
+
プルダウンメニューの最下部までスクロールしたら
|
1
|
-
|
2
|
+
それ以上下へはスクロールできないよう画面を固定したいのですが、何か良い方法はありますでしょうか??
|
2
3
|
|
3
4
|
都合上、コードの公開などはできないため、以下がイメージになります。
|
4
5
|
SPビュー
|
@@ -11,19 +12,18 @@
|
|
11
12
|
ーーーフッターーーー
|
12
13
|
|
13
14
|
挙動
|
15
|
+
hogeをクリックすると、
|
14
|
-
|
16
|
+
display:noneにしていた
|
15
|
-
メニューが
|
17
|
+
プルダウンメニューが出現する。
|
16
18
|
|
17
19
|
|
18
20
|
|
19
21
|
再度質問を整理すると
|
20
22
|
|
21
|
-
hogeをクリックしてメニューが展開した時、
|
22
|
-
現状だと最下部までスクロールが可能ですが、これをメニューの高さ分だけ
|
23
|
-
スクロールを
|
23
|
+
hogeをクリックしてプルダウンメニューが展開した時、現状だとbody最下部までスクロールが可能ですが、これをプルダウンの高さ分だけスクロールを許容して、メニューの高さ以上下にはスクロールできないようにしたいです。
|
24
24
|
|
25
|
-
メニューの高さを取得すれば...!とも思ったのですが、
|
25
|
+
Jsでメニューの高さを取得してそれ以上下へスクロールしたときはスクロール禁止にすれば...!とも思ったのですが、
|
26
|
-
absoluteで浮かせているためかうまくいかず
|
26
|
+
absoluteで浮かせているためかうまくいかず?でした
|
27
27
|
|
28
28
|
|
29
29
|
わかりにくい点あるかもしれませんが、よろしくお願いいたします。
|