質問編集履歴

1

2018/07/12 12:28

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- navを展開ら、nav要素の高さ分だけスクロールを許容してそれ以上は禁止したい
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をクリックすると、display:noneにしていた
29
+ hogeをクリックすると、
28
30
 
31
+ display:noneにしていた
32
+
29
- メニューがJSにより出現する。
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