结合2个JavaScript .scroll函数

Question

 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');
     }  
 });

At the moment just the "stickyTopbar" is working. The "stickyTopbar2" doesn't. I have a feeling I should combine both?!

Answer 1

Try this:

   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');
         }  
     });

jsfiddle: https://jsfiddle.net/vhwuvhrd/1/