Est-il possible d'ajouter ScrollTo à ma page FAQ accordéon?

Question

J'utilise ce script accordéon pour une page FAQ simple.

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

J'ai essayé d'ajouter

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

le ScrollTo donc quand une question est ouverte, elle fait défiler vers le bas pour automatiquement pour une meilleure expérience utilisateur. Quelqu'un peut-il m'aider s'il vous plaît?

Answer 1

J'utilisé:

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

et affecté goToByScroll à chaque div, a fonctionné comme un charme.

Answer 2

Désolé pour mon anglais !!

Salut, j'ai récemment eu votre problème. Voici ma solution: Bien sûr, vous devrez ajouter jquery.scrollTo-min.js Si vous voyez dans le changement, ajoutez le parchemin et attribuez-le à la classe .open css qui est assignée par accordéon à l'élément qui s'ouvre

 $(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 
     });    
    });