이 jquery 루프는 어떻게 작동합니까?

Question

이 루프가 얼마나 정확하게 작동하는지 질문하고 싶습니다.

.data() 메소드에 관한 문서를 읽었지만이 예제에서 어떤 일이 일어나는지 알 수 없습니다. 구걸하는 순간에 우리는이 '크기'와 큰 매개 변수를 이렇게 설정했습니다.

if ($(window).width() >= 1025) { 
    $(function(){ 
    $('.navbar').data('size', 'big'); 

    $(window).scroll(function(){ 
     if ($(document).scrollTop() > 0) { 
     if ($('.navbar').data('size') == 'big') { 
      $('.navbar').data('size', 'small'); 
      $('.navbar').stop().animate({ 
      height: '5vh' 
      }, 600); 
     } 
     } else { 
     if ($('.navbar').data('size') == 'small') { 
      $('.navbar').data('size', 'big'); 
      $('.navbar').stop().animate({ 
      height: '15vh' 
      }, 600); 
     } 
     } 
    }); 

Answer 1

루프가없고 데이터는 매개 변수 "크기"를 저장하기위한 것입니다. ('큰'또는 '작은'일 수 있음).

스크롤 할 때 값이 변경됩니다. 그러면 navbar의 높이가 업데이트됩니다.