css - CSS iPad でバックグラウンドのスケーリング / パンが正しく再生されない問題を修正

Question

検索機能を徹底的に使用しましたが、問題を解決するのに十分な回答が見つかりませんでした。

私の新しいウェブサイトでは、ページを下にスクロールするときにユーザーを追跡するように設定された単一の固定背景画像 (約 250x250px) を実装しています。他の投稿や私自身の実験から、CSS プロパティ "background-attachment:fixed" は iPad / iPhone ブラウザーでは機能しません。

あるユーザーは、次のような「background-wrap」div を作成する回避策を提案しました。

#background-wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-image: url('xx.jpg');
    background-attachment: fixed;
}

これはある程度機能します。このソリューションの問題 (私にとって) は、ユーザーがモバイル デバイスをピンチしてズームすると、背景画像が前景コンテンツとは異なる方法でスケーリングされ、結果がずさんで重なり合うことです。

答えが見えている場合はご容赦ください。私はこれを何時間も（このサイトと他のいくつかのサイトで）調査しましたが、役に立ちませんでした。よろしくお願いします。