4

現在、Safari iOS 7 (11A4449D) でページをスクロールすると、ヘッダー クロムのサイズが小さくなり、ビューポートの下部 44 ピクセルの任意の場所をクリックすると、フッターの灰色のバー (次/前のページ リンクなど) が表示されます。

逆に、ページを上にスクロールすると、フッター バーはそのままで、ヘッダー バーのサイズは大きくなります。スクロールアップとスクロールダウンの両方で一貫性を持たせるというこの動作を防ぐためのメタタグ (または類似のもの) はありますか?

クロムが表示された/表示されなくなったときにブラウザが何らかの JS イベントを発生させた場合、この問題を回避できますが、そうではありません。

4

1 に答える 1

1

これに対する更新として：

最終的に、bottom: 0;代わりにtop: 100%;CSS を使用することで、この問題を回避しました。最初のインスタンスでは top: 100% を使用したいと考えていました。これは、その要素に追加されるアイテムが自動的に下 (画面外) にレンダリングされることを意味していたためです。

逆のアプローチを取ることで、追加されるアイテムと同じ量だけ (JS を使用して) 手動で領域を移動する必要があります。

これにより、OS クロムが表示されたときに、「スティッキー」なフッターが OS クロムの一番下の部分の上に留まります。

于 2013-09-24T10:27:05.503 に答える