現在iphone用のサービスを開発中なのですが、縦幅の100%指定がうまくいかず苦戦しております。
添付のようにnoscript時にレイヤーを重ねて非表示になるようにしたいのですが
端末の縦幅までしか認識してくれなく困っています。
重なっていない部分はスクロールして表示される部分になります。
これを全体にかぶせる指定はできないのでしょうか。
html,body{
height:100%;
}
で親要素は指定してあります。
いくつかサイトを拝見しましたがどこもうまくとれてないようなので質問させていただきました。
よろしくお願いします。
コメント(6件)
http://htn.to/Ek6aUK
借りた iPhone4 の Safari では意図した動作 (スクリプトがオフの時はレイヤーに覆われていて、かつスクロールできないが、オンにするとレイヤーは表示されず、スクロールもできる) になりました。
ただ、覆ったレイヤーの上にさらにレイヤーをおいてそれがスクロール要になると途切れていました。
上に置いたレイヤーも高さを指定して、overflow:auto をつければスクロール可能になるのではないか、と思いましたが、調べたところ iPhone では overflow:auto になっている部分のスクロールが面倒なようですね。(二本指でスクロールする必要があるとか。)
「二本指でなぞるとスクロールできます」というようなアナウンスも併記できると良いのですが、できないとなると難しいですね。