jquery에서 클래스 추가/제거 및 요소로 스크롤

Question

jquery에서 버튼을 클릭 한 후 스크롤 페이지를 수행하는 방법. div에서 스크롤 한 후 메뉴 (li)에서 "active"클래스를 추가하겠습니다. 이렇게하는 방법 및 클릭 한 후 요소로 스크롤하는 방법. jquery에서 모두. 이것은 내가

function scrollToPosition('#menu') { 
    if ("#menu" !== undefined) { 
     $("li.m_top").addClass('active') 
     $("li.m_top").removeClass('active') 
     $("#menu").scrollTo() 
    }); 

}} 
<div id="menu"> 
     <ul class="menu_top"> 
      <a href="#home"> 
      <li class="m_top"> 
       home 
      </li></a> 
      <a href="#about"> 
      <li class="m_top"> 
       about 
      </li></a> 
      <a href="#galery"> 
      <li class="m_top"> 
       galery 
      </li></a> 
      <a href="#xxx"> 
      <li class="m_top"> 
       xxx 
      </li></a> 
      <a href="#contact"> 
      <li class="m_top"> 
       contact 
      </li></a> 
     </ul> 
    </div> 
    <div class="clear"></div> 
    <div id='home'> 

    </div> 
    <div id='about'> 

    </div> 
    <div id='galery'> 

    </div> 
    <div id='xxx'> 

    </div> 
    <div id='contact'> 

    </div> 

Answer 1

을 수행하려고 할 것입니다
당신은

$("li").click(function(){ 
$("li").removeClass("active"); 
$(this).addClass("active"); 
$("body").animate({ scrollTop: $("#"+$(this).text().trim()).offset().top },3000); 




}); 

내가

jsFiddle

당신을 위해 만든 JS에게 바이올린 예를 참조하여 원하는 작업을 수행하려면이 jQuery 코드를 사용할 수 있습니다