

cssで下記のようにサブのメニューを設定したところ、スマートフォンではサブメニューの途中でスクロールが止まり、  
本体部分をスクロールし終わるまで、サブの残りがスクロールできません。  
どのように対策すれば良いでしょうか？

[code]

    #submenu{
      height:100%;
      width: 80%;
      overflow:scroll;
    }
    
[/code]


CC BY-SA 3.0
2015-01-29T06:47:58.197
5557
2016-11-03T05:57:35.583
525
question
css mobile
height:100%でのoverflow: scrollがスマホでうまく行きません


何かボタンをおした時メニューが開き、そのメニューが画面縦いっぱいに表示されるというイメージでしょうか？  
メニューが開いている間、本体部分のスクロールを止めてもいいのであれば、そうしてみてはどうでしょうか。

[code]

    body.locked{
    　overflow-y: hidden;
    }
    /* メニューが開いている時このclassをbodyにつける */
    #submenu{
      height:100%;
      width: 80%;
      overflow:auto;
      position: fixed;
      z-index: 100;
    }
    
[/code]


CC BY-SA 3.0
2015-06-07T06:44:49.917
11071
2015-06-07T06:44:49.917
8646
5557
answer