###前提・実現したいこと
Monacaでアプリ開発の勉強をしているのですが、OnsenUIのpushpageで画面遷移をした後に、画面を上にスワイプすることでpop-pageができるようにしたいのですが、ons-gesture-detectorの使い方がいまいち分かりません。
できればページごと上にスライドするようにしたいです。
説明が分かりずらくてすいません。
###該当のソースコード
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <script src="lib/onsenui/js/onsenui.min.js"></script> 9 10 <link rel="stylesheet" href="components/loader.css"> 11 <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> 12 <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> 13 <link rel="stylesheet" href="css/style.css"> 14 15 <script> 16 ons.ready(function() { 17 console.log("Onsen UI is ready!"); 18 }); 19 </script> 20</head> 21<body> 22<ons-navigator id="navigator" page="tab.html"></ons-navigator> 23 24<ons-template id="tab.html"> 25 <ons-tabbar position="auto"> 26 <ons-tab 27 icon="folder" 28 label="Tab 1" 29 page="tab1.html" 30 active></ons-tab> 31 <ons-tab 32 icon="folder-open" 33 label="Tab 2" 34 page="tab2.html"></ons-tab> 35 </ons-tabbar> 36</ons-template> 37 38<ons-template id="tab1.html"> 39 <ons-page> 40 <ons-toolbar> 41 <div class="center">page1</div> 42 </ons-toolbar> 43 44 <p style="text-align: center;"> 45 <ons-button 46 onclick="document.querySelector('#navigator').pushPage('page.html')"> 47 Push Page 48 </ons-button> 49 </p> 50 </ons-page> 51</ons-template> 52 53<ons-template id="tab2.html"> 54 <ons-page> 55 <ons-toolbar> 56 <div class="center">page2</div> 57 </ons-toolbar> 58 59 <p style="text-align: center;"> 60 This is the second page. 61 </p> 62 </ons-page> 63</ons-template> 64 65<ons-template id="page.html"> 66 <ons-page> 67 <p style="text-align: center;"> 68 This is the push page. 69 </p> 70 </ons-page> 71</ons-template> 72</body> 73</html> 74
tab1.htmlからpushpageでpage.htmlへ画面遷移をした後に、page.htmlのページを上にスライド(スワイプ?)してpoppageするような動作にしたいです。
###補足
「ページごと上にスライドする」というのは、iOSでのタスクキルのような動作のことです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/06 23:34