javascript - 下にスクロールすると消えるが、上にスクロールすると表示されるナビゲーションを作成するには?

Question

ユーザーがページを下にスクロールすると消え、上にスクロールすると再び表示されるナビゲーション バーを作成したいと考えています。モバイル クローム アプリにある検索バーのようなものです。その方法を知っている人はいますか？これまでのところ、上部に固定された単純な div しかありません。

次に例を示します。ナビゲーションは、ユーザーが少し上にスクロールしたときにのみ表示されます。

Answer 1

あなたはg +のようにそれを意味しますか？

ここ ( https://github.com/brandonaaron/jquery-mousewheel )でこのプラグインを使用して、マウスホイール イベントを検出し、それに基づいてアクションを実行できます。

$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
    console.log(delta, deltaX, deltaY);
});

ここにもテストページがあります