내 아코디언 FAQ 페이지에 ScrollTo를 추가 할 수 있습니까?

Question

간단한 아코디언 페이지에이 아코디언 스크립트를 사용하고 있습니다.

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

나는 질문이 열릴 때 ScrollTo 그래서, 그것은 더 나은 사용자 경험을 위해 자동으로 아래로 스크롤

http://mix26.com/demo/local_scroll/index.html

를 추가했습니다. 누군가 나를 도울 수 있습니까?

function goToByScroll(id){ 
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); 
} 

를 각 사업부에 goToByScroll 할당, 마법처럼 일했다 :

Answer 1

내가 사용.

Answer 2

영어로 불편을 끼쳐 드려 죄송합니다.

안녕하세요. 최근에 문제가있었습니다. 여기에 내 해결책은 다음과 같습니다. 물론 jquery.scrollTo-min.js를 추가해야합니다. 변경 사항이 표시되면 스크롤을 추가하고 열어서 열리는 항목에 따라 할당 된 .open css 클래스에 할당합니다.

 $(function() { 
     $('ul.drawers').accordion({ 
      header: 'H2.drawer-handle', 
      selectedClass: 'open', 
      event: 'click', 
      change: function(event, ui){ 
       $.scrollTo('.open',800, {duration:500}); return false; 
      }, 
      autoheight: false 
     });    
    });