MonacaとonsenUIを使って、勉強しつつハイブリッドアプリを制作しています。
タブバーをすべてのページのbottomに固定したいのですが、やり方がよくわかりません。
最初のテンプレートでonsenUI V2 JS Tabbarを使っているので、index.htmlに記述している以下
の4ページ(tab1.html~tab4.html)に関してはbottomに固定されているのですが、
<ons-navigator id="myNavigator" page="tabMain.html"></ons-navigator>
<ons-template id="tabMain.html"> <ons-page> <ons-toolbar> <div class="center" id="toolbar-title"></div> </ons-toolbar> <ons-tabbar position="bottom"> <ons-tab label="検索" icon="fa-search" page="tab1.html"> </ons-tab> <ons-tab label="マイページ" icon="fa-user" page="tab2.html"> </ons-tab> <ons-tab label="メッセージ" icon="fa-envelope-o" page="tab3.html"> </ons-tab> <ons-tab label="その他" icon="fa-ellipsis-h" page="tab4.html"> </ons-tab> </ons-tabbar>これらの4ページから<ons-page></ons-page>で派生させているページに、
<ons-tabbar position="bottom"> <ons-tab label="検索" icon="fa-search" page="tab1.html"> </ons-tab> <ons-tab label="マイページ" icon="fa-user" page="tab2.html"> </ons-tab> <ons-tab label="メッセージ" icon="fa-envelope-o" page="tab3.html"> </ons-tab> <ons-tab label="その他" icon="fa-ellipsis-h" page="tab4.html"> </ons-tab> </ons-tabbar>上記のコードを記述してもタブバーがbottomに固定されません。
(position="bottom"としても固定されず、スクロールすると動いてしまいます)。
また、派生させているページのタブバーから各ページに行くとJavascriptが効いていないという現象も生じてしまいます。
どなたか原因がわかる方がいらっしゃれば教えていただければ幸いです。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/08 18:01