div에 부드러운 스크롤을 추가하는 방법

Question

나는 이미 이것에 대한 답이 있음을 알고 있지만, 나는 검색했고 아무도 작동하지 않고 그 이유를 모른다. 내가 원하는 그래서

는 전혀 작동하지 않는 내가 this

처럼 원한 무엇

그래서 나는 나에 JS 코드를했다하지만 태그에 의해 사업부에 부드러운 스크롤, 스크롤입니다 그의 효력을 전혀 잃는다. 난 당신이 복사 할 경우> 알고 코드를 붙여하지만 견적이 누락하지 않는

$("#some a[href^='#']").on('click', function(e) { 
    // prevent default anchor click behavior 
    e.preventDefault(); 
    // animate 
    $('html, body').animate({ 
    scrollTop: $(this.hash).offset().top 
    }, 300, function() { 
    // when done, add hash to url 
    // (default click behaviour) 
    window.location.hash = this.hash; 
    }); 
}); 

Answer 1

: JS

<div class="col-lg-3 col-md-3 col-sm-3" id="some"> 
     <a href="#info" id="normal"> 
      <img src="imgs/product/normal.png" class="img-responsive"> 
     </a> 
</div> 

<!-- OTHER CONTENT --> 

<div id="info">  
       Go here 
</div> 

HTML w 그리고 다음은

내 코드입니다 전에는 ID :

<div class="col-lg-3 col-md-3 col-sm-3 id="some">

그 이유는 $('#some a')이 존재하지 않기 때문에 그것이 작동하지 않는 해결책이 될 수 있습니다.

Answer 2

내부에 링크가 있기 전에 나타납니다. BTW 콘솔보고, 오류 메시지가 있습니까?

은 당신의 코드를 변경

:

$("#some a").on('click', function(e) { 

    // prevent default anchor click behavior 
    e.preventDefault(); 

    e.stopImmediatePropagation(); 
    e.stopPropagation(); 
    var id = $(this).attr("href"); 
    // animate 
    $('html, body').animate({ 
     scrollTop: $(id).offset().top 
    }, 300, function(){ 

     // when done, add hash to url 
     // (default click behaviour) 
     window.location.hash = this.hash; 
    }); 

}); 

Answer 3

그냥 당신이 게시물에 언급 한 바와 같이 달성하기 위해 코드 아래 사용합니다.

$(function() { 
    $('a').bind('click',function(event){ 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: $($anchor.attr('href')).offset().top 
    }, 1000);  
     event.preventDefault(); 
    }); 
}); 

check DEMO