javascript - ブラウザのヘッダーに応じてcssメニューを修正しました

Question

このようなjQueryjsの修正された左側のメニューを見つけるのに助けが必要です。

固定位置のスクロールは、ブラウザのヘッダーに依存する必要があります。

Answer 1

リンクの答えを見てください

答えにデモを用意しました

あなたが必要とする主なものはjQueryです

$(function(){    // this is the shorthand for document.ready
  $(document).scroll(function(){    // this is the scroll event for the document

    scrolltop = $(document).scrollTop(); // by this we get the value of the scrolltop ie how much scroll has been don by user
    if(parseInt(scrolltop) >= 80)    // check if the scroll value is equal to the top of navigation
      { 
        $("#navbar").css({"position":"fixed","top":"0"});   // is yes then make the position fixed to top 0
      }
    else
    {
      $("#navbar").css({"position":"absolute","top":"80px"}); // if no then make the position to absolute and set it to 80
    }
  })

});