ページを下にスクロールすると消えるタイトルフロートがあります。正常に動作しますが、私の iPad では動作しません。
ページを上にスクロールすると、ナビゲーション メニューが期待どおりに表示されますが、ページから手を離すとすぐに再び消えてしまいます。ページが一番下に到達すると
リーリー
この Web サイトは vuejs を使用して構築されています
関連部品:
私はしばらくこの問題に悩んでいたので、見つけたものは次のとおりです:
問題は、iOS ではページが上端と下端で跳ね返るため、window.pageYOffset 値が負の値になり、実際のページの高さよりも大きくなる可能性があることです。したがって、条件 prevScrollpos >= currentScrollPos では十分ではありません。
prevScrollpos >= currentScrollPos
1 つの解決策は、html 要素に overscroll-behavior: none; を追加してバウンス効果を無効にすることです。
overscroll-behavior: none;
正しい解決策は、条件をエッジケースに拡張することです:
私はしばらくこの問題に悩んでいたので、見つけたものは次のとおりです:
問題は、iOS ではページが上端と下端で跳ね返るため、window.pageYOffset 値が負の値になり、実際のページの高さよりも大きくなる可能性があることです。したがって、条件
prevScrollpos >= currentScrollPos
では十分ではありません。1 つの解決策は、html 要素に
overscroll-behavior: none;
を追加してバウンス効果を無効にすることです。正しい解決策は、条件をエッジケースに拡張することです: