scrollTop仅在首次点击时有效

Question

So I have an amcharts graph, and when I click on a bar in the graph, a div next to it scrolls to that data from the bar. My problem is when I click anytime after the first time it goes to the top or sometimes a random position. I want to be able to scroll to each piece of data when clicked.

This is my code for the scrollTo method:

"listeners": [{
  "event": "clickGraphItem",
  "method": function (event) {
    var buildNumber = event.item.category;
    var id = '#buildNumber' + buildNumber;
    var buildFailureObject = $('#buildNumber' + buildNumber);
    $('#infodiv').animate({ scrollTop: $(buildFailureObject).position().top - 20 }, 2000);
 }
}]

The info div is where the scrolling happens. To clarify, the first click works and takes me to the "buildFailureObject", but the next clicks either take me back to the top of the infodiv or sometime a random close by spot.

I have looked at questions close to mine and preventDefault has not helped me nor has return false.

Thank you for any help you can provide.

Answer 1

Ok so I figured out the answer, I needed this:

$('#infodiv').animate({scrollTop:($('#infodiv').scrollTop() + $(buildFailureObject).position().top -20)}, 2000);