1. ホーム
  2. ipad

[解決済み] ipad safari: スクロールを無効化し、バウンス効果も?

2022-06-18 17:07:44

質問

ブラウザベースのアプリに取り組んでいます。現在、iPadのサファリブラウザ向けに開発とスタイリングを行っています。

私は、ipadで2つのことを探しています。垂直スクロールを必要としないページで垂直スクロールを無効にするにはどうすればよいでしょうか。

どのように解決するのですか?

この回答は、非常に古い 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 . これと多くの有用なウェブアプリケーションのアドバイスについては 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 さん、ありがとうございました。