スマホ向けのページで、
タブを使ったサイトを制作しています。
タブで「地図を表示」しているページがあるのですが、
地図をグリグリしようとすると、
タブのスワイプの反応をしてしまい、ページが変わってしまいます。
ですが
他のタブページはスワイプ移動をしたいです。
「このタブページだけ、スワイプ移動しない」
というようなことはできませんか?
よろしくお願いします。
html
1<ons-page> 2 <ons-toolbar> 3 <div class="center">タイトル</div> 4 </ons-toolbar> 5 6 <ons-tabbar swipeable position="bottom" var="myNavigator"> 7 <ons-tab page="tab1.html" id="chizu" label="地図" icon="ion-home, material:md-home" badge="new" > 8 </ons-tab> 9 <ons-tab page="tab2.html" label="ページ1" icon="md-settings" active-icon="md-face"> 10 </ons-tab> 11 <ons-tab page="tab3.html" label="ページ2" icon="md-settings" active-icon="md-face" active> 12 </ons-tab> 13 </ons-tabbar> 14</ons-page> 15<!-- 以下略 -->
あなたの回答
tips
プレビュー