モバイルSafariでスクロールとバウンス効果を無効にする 質問する

モバイルSafariでスクロールとバウンス効果を無効にする 質問する

私はブラウザベースのアプリに取り組んでおり、現在は iPad 用のモバイル Safari ブラウザの開発とスタイリングを行っています。

2 つのことを探しています。垂直スクロールを必要としないページで垂直スクロールを無効にするにはどうすればよいですか? また、弾性バウンス効果を無効にするにはどうすればよいですか?

ベストアンサー1

非常に古いiOSデバイス向けに開発しているのでない限り、この回答はもはや最先端の​​ものではありません...他の解決策を参照してください


2011年の答え: iOS Safari内で動作するWeb/HTMLアプリの場合、次のようなものが必要です。

document.ontouchmove = function(event){
    event.preventDefault();
}

iOS 5 の場合は、次の点に注意してください。iOS 5 での document.ontouchmove とスクロール

2014 年 9 月更新: より徹底したアプローチについては、こちらをご覧ください。https://github.com/luster-io/prevent-overscrollこの点と、Web アプリケーションに関する役立つアドバイスについては、 http://www.luster.io/blog/9-29-14-mobile-web-checklist.html を参照してください。

2016年3月更新: 最後のリンクはもうアクティブではありません。https://web.archive.org/web/20151103001838/http://www.luster.io/blog/9-29-14-mobile-web-checklist.html代わりにアーカイブ版をご覧ください。指摘してくださった @falsarella に感謝します。

おすすめ記事