web-dev-qa-db-ja.com

下にスクロールすると非表示になり、上にスクロールすると表示されるナビゲーションバー

私はいくつかの人気のあるWebサイト(linkedin、Google +)でこの傾向に気づき、個人的にはそれが嫌いです。他の人の経験とは何なのでしょうか。

基本的に、ページの上部にナビゲーションバーがありますが、下にスクロールするとバーが消えます。上にスクロールすると、再び表示されます。

これは実装するのに良い考えですか?私は個人的にこの「機能」が嫌いだからです。

3

このパターンは、垂直方向の画面スペースが少ないモバイルデバイスで大きな役割を果たします。

Chrome iOS(おそらくAndroidでも))を使用することをお勧めします。URLバーの動作はまさにこの機能ですが、非常に自然に感じられ、素晴らしい全画面閲覧体験を提供します。

私の推測では、スクロールはデスクトップよりもはるかに頻繁に行われ、直感的であるため、モバイルでの方がはるかにうまく機能します。

このようにして、目的の要素があると思われる場所にコンテンツをスワイプすることが2番目の性質になります。また、URLバーは常に一番上にあり、どれだけ下にいても0.5秒以内に到達できます。

Safariでの表示は次のとおりです。 Safari URL bar on iOS

間違いなく、デスクトップでは、表示できる画面スペースだけではないchromeandは、読書体験ですが、重要な要素に移動するためにスクロールすることは非常に強いと感じます。

プロジェクトでこの機能を使用する場合は、そのためのjQueryプラグインがあります。 http://eduardomb.github.io/scroll-up-bar/

4
Lukzen