jQuery scrollTop幾個CSS和動畫變化

Question

發生了一些新問題。我想通過滾動特定數量來更改多個項目。

我有這樣的代碼：

$(document).ready(function() { 
    $(window).scroll(function() { 
    if ($(this).scrollTop() > 160) { 
     $('#test').css({ 
      'position' : 'fixed', 
      'top' : '0' 
     }) 
     $('#test2').animate({ 
      'width' : '105px', 
      'margin-left' : '20px' 
     }) 
    } else { 
     $('#test').css({ 
      'position' : 'absolute', 
      'top' : '100px' 
     }) 
     $('#test2').animate({ 
      'width' : '0px', 
      'margin-left' : '0px' 
     }) 
    } 
    }); 
}); 

的#TEST DIV完美的作品。它更改爲position：固定爲160px時滾動。如果你向後滾動，它會變得絕對。 但#test2只是改變一次寬度。當我向後滾動時，沒有任何變化。

Answer 1

你缺少4個分號：

$(document).ready(function() { 
    $(window).scroll(function() { 
    if ($(this).scrollTop() > 160) { 
     $('#test').css({ 
      'position' : 'fixed', 
      'top' : '0' 
     }); 
     $('#test2').animate({ 
      'width' : '105px', 
      'margin-left' : '20px' 
     }); 
    } else { 
     $('#test').css({ 
      'position' : 'absolute', 
      'top' : '100px' 
     }); 
     $('#test2').animate({ 
      'width' : '0px', 
      'margin-left' : '0px' 
     }); 
    } 
    }); 
});