3

モーメンタム/インターティア スクロールをtrigger.ioラップされたHTML5 iOS アプリに追加することは可能ですか?

現在、基本的なアプリを作成していますが、コンテンツをスクロールするときに Webview がスワイプ アクションの勢いに反応しないことに気付きました (iOS 6; iPhone 5)。つまり、遅いスワイプと速いスワイプは、Webview の同じセクションにスクロールすることになります (ネイティブ アプリとは異なり、速いスワイプは別のセクションにスクロールする必要があります)。

この動作を変更して、よりネイティブのようにすることは可能ですか? これらの iOS モメンタム スクロールの手順に従って、以下に示すように CSS を変更しようとしましたが、うまくいきません。

html {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

回避策として、webview 内で intertia をエミュレートする JS ライブラリを使用できる可能性があると感じていますが、可能であればこのオプションは避けたいと考えています。

前もって感謝します！

4

3 に答える 3

2

あなたのアプリの css についてはよくわかりませんが-webkit-overflow-scrolling: touch;、タッチ スクロールの慣性は、ビューポート内の高さ/幅が固定されている固定要素または絶対要素にのみ与えられます。body または html 要素への適用-webkit-overflow-scrolling: touchは、次のような場合にのみ機能します

body {
    position:fixed;
    top:0;
    right:0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

UITableView をエミュレートするためにトリガー アプリで使用します。

于 2012-12-16T08:17:27.763 に答える
1

はい。勢いのあるスクロールが実際に見られる Hojoki をお試しください: https://itunes.apple.com/us/app/hojoki/id525010205?mt=8

iOS でモーメンタム スクロールを有効にするために特別なことをする必要はありません。表示されない場合は、使用しているスタイリングまたはサードパーティのライブラリが干渉している可能性があります。

于 2012-10-24T19:28:47.447 に答える