jquery scrollto ne pas faire défiler pour corriger l'élément

Question

J'ai un élément div avec overflow-y mis à auto. Maintenant, j'ai un tas d'éléments avec la classe highlight1. Je veux faire défiler en avant et en arrière sur les éléments avec le class comme highlight1.

Pour certaines raisons, jquery scrollTo ne fonctionne pas correctement. Voici la syntaxe que je suis en train d'utiliser:

$('#highlightDiv').animate({ 
    scrollTop: $("#"+elementId).offset().top + 'px' 
}, 'fast'); 

Voici le Jsfiddle de ce que je suis en train d'accomplir. Quelqu'un peut-il expliquer pourquoi le rouleau ne se déplace pas à l'élément approprié.

Answer 1

J'ai réponse simple Votre script ne connaît pas la hauteur et la position de défilement de la div que vous vous faites défiler deux valeurs devriez ajouter à lui et il devrait fonctionner

scrollTop en fonction scrollToNextHighlight() devrait ressembler à ceci

scrollTop: ($('#highlightDiv').scrollTop() - 
$('#highlightDiv').offset().top) 
+ $("#"+elementId).offset().top + 'px' 

et il devrait fonctionner