javascript - スクロール後のみのJavascript固定トップナビゲーションバー

Question

lesscss.orgでナビゲーションバー効果を作成するためにどのjavascript効果が使用されているかを知っている人はいますか？ナビゲーションバーは、特定のポイントを超えてスクロールした後にのみ上部に固定されます。誰かが実際のコード例、またはチュートリアルへのリンクを持っているなら、それはありがたいです。

Answer 1

window.onscrollイベントを使用したJavaScriptチェックです

上部近くのHTMLソース：

window.onscroll = function () {
    if (!docked && (menu.offsetTop - scrollTop() < 0)) {
      menu.style.top = 0;
      menu.style.position = 'fixed';
      menu.className = 'docked';
      docked = true;
    } else if (docked && scrollTop() <= init) {
      menu.style.position = 'absolute';
      menu.style.top = init + 'px';
      menu.className = menu.className.replace('docked', '');
      docked = false;
    }
};