Position 固定在卷軸上

Question

當用戶滾動到某個點時，我正在嘗試修復側導航。 我目前正在使用：

        if(jQuery('#fix-me').offset().top <= jQuery(window).scrollTop()){
            var position = 38;
        }

這很好用，只是我需要它從頂部踢入 38px 而不是 0px

我只是不確定實現這一目標的正確方法？！

Answer 1

如果你想在它到達文檔頂部之前設置元素在 38px 時固定，你只需要用 38 減去 startPosition。見下面的代碼。 我推薦的是將元素偏移頂部放在某個變量中，在我們的例子中是startPosition

var startPosition = jQuery('#fix-me').offset().top;

$(document).on("scroll", function(){
   if(startPosition - 38 <= jQuery(window).scrollTop()){
     jQuery('#fix-me').addClass("fixed");
     //Add css styling
   }else{
     jQuery('#fix-me').removeClass("fixed");
   }
})