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

目前只有“stickyTopbar”正在工作。 “stickyTopbar2”则不然。我有一种感觉我应该将两者结合起来？!

Answer 1

试试这个:

   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/