jsWaffleを数日前に使い始めました。
とてもシンプルにできていて、学習コストも低くて感動しております。
さて、早速ですが、以下の疑問がありますので、お手数ですがご回答いただければ幸いです。
よろしくお願い致します。
【質問事項】
とても基本的な話かもしれませんが、上部にはスクロールする画面(アプリのメイン画面)、下部にスクロール連動しないボタンを常に表示しておくようなレイアウトは可能なのでしょうか。
【調べた事】
index.htmlの一番下に書けば当然のことながら下に流れて表示されませんので、divタグを使ってcss(overflow)で調整してみましたが、上部がスクロールされませんでした。
layout/main.xmlで指定する場合、WebViewにアクセスする必要があるように思いますが、どのようにやるかまではまだ調査していません。
【jsWaffleバージョン】確認したjsWaffleバージョン
1.181
【Androidのバージョン】確認したAndroidバージョン
Android OS 2.2
【機種名】
エミュレータ
WebVewは普通のブラウザと同じですので
端末の画面サイズを取得した上で固定レイアウトを
行うのも手かと思います。
またiframeを使って実現するのも手です!
Javaレベルでレイアウトするのもそれほど難しくありませんが
メンテナンスなど考えるとHTMLで
完結していると良いかなと思います。
ご回答ありがとうございます。
頂いたアドバイスも含め、色々試してみたのですが、結果的には
AndroidのWebkitはdivでもiframeでもスクロールバーは出せない
という事がわかりました。
このため、以下のページのように、JavaScriptライブラリで実現するのが一番スマートなようです。
http://html5-css3.jp/smartphone/iphone-android-position-fixed-iscroll-js.html
ぱっとためしたところ動かなかったのですが、WebView上でデモサイトへのリンクを配置して遷移させたら動いたので、おそらく私が想定している動作はできそうな感じです。
取り急ぎご連絡まで。
iScroll4での実装に少々苦労しましたが、結果的にはドキュメントを参照しながらでは動かず(訳し方の問題かもしれませんが・・・)、iScroll4のデモページのソースを丸ごとコピーして、iscroll.jsスクリプトのパスを変更する事で動作しました。
今回のようなレイアウトの実現は案外要求も多いかと思います。
TIPS的にドキュメントに追加すると助かる方が多いのではないかと思いますので、ご検討ください。
ともあれ、ご協力ありがとうございました。
おっとさん、固定画面実現の先駆者になり、
いろいろと試してくださり、ありがとうございます。
Tipsにこのスレッドのリンクを貼らせて頂きました。
今後ともよろしくお願いします。