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

目前只有＆＃34; stickyTopbar＆＃34;工作中。＆＃34; stickyTopbar2＆＃34;没有按＆＃39;吨。我有一种感觉，我应该把两者结合起来？！

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/

结合2个JavaScript .scroll函数

1 个答案: