iOS上のSafariが一貫してコンテンツの高さを認識しない - ios、html5、css3、モバイルサファリ、スムーズスクロール

私のテストでは、これはSafari iOの問題に固有のものです。

バグはこのページにあります。

基本的にiOSでは、最後のコンテンツアイテムを展開すると、ブラウザは常にコンテンツをスクロールするのではなく、ページをスクロールします。

それに起こるのは矛盾した振る舞いです最後のセクション項目は、私が何をしても関係ありません。私はこれを正しく動作させるためのハックとしてDOMに別のsection要素を追加しようとしましたが、それでも同じ動作をします。

高さはmax-heightパラメータに基づいて拡張されるため、動的コンテンツはjsによって正しく拡張されません。

これを見て何時間も費やしてきました、それは私が他の目で見る必要がある時点です。

回答：

もちろん、それはあなたが見つけた質問をした後です答え....私は新しいvhルールを使っていた親コンテナのcss heightルールを削除することでこれを修正することができました。私は100％vs 80vhを使うように変更しました、そしてそれは期待通りに振る舞います。