質問するログイン新規登録

質問編集履歴

1

2018/07/12 12:28

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- nav展開したら、nav要素の高さ分だけスクロールを許容してそれ以上は禁止したい
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
- hogeをクリックすると、display:noneにしていた
16
+ display:noneにしていた
15
- メニューがJSにより出現する。
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
  わかりにくい点あるかもしれませんが、よろしくお願いいたします。