어떻게 성능 애니메이션 스크롤 위치 부트 스트랩

Question

안녕하세요 저는 부트 스트랩 페이지에서이 문제 유무 :

합니다. . .

<a id="godown3">go!</a>

<a id="godown2">go!</a>

<a id="godown1">go!</a>

. . . . . .

<div id="goit3"></div>

<div id="goit2"></div>

<div id="goit1"></div>

. . . 코드 다음

<script>  
     $(document).ready(function() { 
     $("#godown1").click(function() { 
     $('html,body').animate({scrollTop: $("#goit1").offset().top}, 2000); 
     }); 
     }); 
    </script> 
    <script>  
     $(document).ready(function() { 
     $("#godown2").click(function() { 
     $('html,body').animate({scrollTop: $("#goit2").offset().top}, 2000); 
     }); 
     }); 
    </script> 
    <script>  
     $(document).ready(function() { 
     $("#godown3").click(function() { 
     $('html,body').animate({scrollTop: $("#goit3").offset().top}, 2000); 
     }); 
     }); 
    </script> 

해당 코드는 스크립트에 추가해야합니까?. 이 단추 중 하나를 누르면 자동으로 좋은 방법으로 삭제됩니다.

하지만 이미 원하는 위치에 있고이 애니메이션이 포함 된 다른 버튼을 누르면 애니메이션이 다시 반복됩니다.

이렇게하면 눈에 좋지 않게 보입니다.

지원할 수 있습니까? 고마워요!

Answer 1

link을보고 난 후에 .blogfootspace child div's이 숨겨져있는 경우에만 애니메이션을 실행하는 것으로 알고 있다고 생각합니다.

당신은 하나 script 및 document ready 함수에 코드를 결합 할 수 있습니다

:

<script>  
    $(document).ready(function() { 
     $("#godown1").click(function() { 
      if(!$('.bloqsfootspace div').hasClass('in')) 
       $('html,body').animate({scrollTop: $("#goit1").offset().top}, 2000); 
     }); 
     $("#godown2").click(function() { 
      if(!$('.bloqsfootspace div').hasClass('in')) 
       $('html,body').animate({scrollTop: $("#goit2").offset().top}, 2000); 
     }); 
     $("#godown3").click(function() { 
      if(!$('.bloqsfootspace div').hasClass('in')) 
       $('html,body').animate({scrollTop: $("#goit3").offset().top}, 2000); 
     }); 
    }); 
</script> 

당신은 당신의 코드와 일치하는 godown 및 godoit을 변경해야하지만 .bloqsfootspace은을 유지해야

이 시도 같은.