Navbar添加類後div滾動與jQuery

Question

我有問題添加一個類後導航滾動以獲得一個固定的類。我的網站在後臺有一個視頻，只有<div>與.wrap類可以滾動所有內容。滾動時，我想將導航固定在頂部。

這是我的Javascript代碼：

$(document).ready(function() { 
    var navpos = $('.navbar').offset(); 
    console.log(navpos.top); 
    $(window).bind('scroll', function() { 
     if ($(window).scrollTop() > navpos.top) { 
      $('.navbar').fadeIn(500).addClass('fixed-top'); 
     }else { 
      $('.navbar').removeClass('fixed-top'); 
     } 
    }); 
}); 

但問題是，身體處於固定位置，只有內容包實際上是滾動。我該如何解決？

Answer 1

綁定滾動到包裝

$(document).ready(function() { 
    var navpos = $('.navbar').offset(); 
    console.log(navpos.top); 
    $(window).bind('scroll', function() { 
     if ($('.wrapper').scrollTop() > navpos.top) { 
      $('.navbar').fadeIn(500).addClass('fixed-top'); 
     }else { 
      $('.navbar').removeClass('fixed-top'); 
     } 
    }); 
});