组合2个JavaScript.scroll函数 var stickyTopbar=$（'#mainHeader'）.offset（）.top； $（窗口）。滚动（函数（）{ if（$（窗口）.scrollTop（）

目前只有“stickyTopbar”起作用。“stickyTopbar2”没有。我觉得我应该把两者结合起来

试试这个：

 var stickyTopbar = $('#mainHeader').offset().top;

 $(window).scroll(function() {  
     if ($(window).scrollTop() < stickyTopbar) {
         $('#mainHeader').addClass('topped');
     }
     else {
         $('#mainHeader').removeClass('topped');
     }  
 });


 var stickyTopbar2 = $('#project-content').offset().top;

 $(window).scroll(function() {  
     if ($(window).scrollTop() < stickyTopbar2) {
         $('#close-bar').addClass('off-white');
     }
     else {
         $('#close-bar').removeClass('off-white');
     }  
 });

var stickyTopbar=$（'#mainHeader'）.offset（）.top；
var stickyTopbar2=$（“#项目内容”）.offset（）.top；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）

---

jsfiddle:

为什么不把它们结合起来呢？这太奇怪了。。因为第二部分根本不起作用。

   var stickyTopbar = $('#mainHeader').offset().top;
   var stickyTopbar2 = $('#project-content').offset().top;

     $(window).scroll(function() {  
         if ($(window).scrollTop() < stickyTopbar) {
             $('#mainHeader').addClass('topped');
         }
         else {
             $('#mainHeader').removeClass('topped');
         }; 
         if ($(window).scrollTop() < stickyTopbar2) {
             $('#close-bar').addClass('off-white');
         }
         else {
             $('#close-bar').removeClass('off-white');
         }  
     });