I have a div box with different element inside and I want to move to each of these from an index, but my code works only first time...
This is a sample
$(document).on("click", ".goto", function(e) {
var id = $(this).data('id');
$('#panel').animate({
scrollTop: $("#item_" + id).offset().top - 100
}, 1000, 'swing');
});
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<div style="width: 500px; height:500px; border:1px solid #eee; display:flex">
<div style="width:100%; overflow-y:auto;" id="panel">
<a href="#" id="item_a" style="margin:500px 0; display:block;">item1</a>
<a href="#" id="item_b" style="margin:500px 0; display:block;">item2</a>
<a href="#" id="item_c" style="margin:500px 0; display:block;">item3</a>
</div>
</div>
<a href="#" class="goto" data-id="a">go to item1</a>
<a href="#" class="goto" data-id="b">go to item2</a>
<a href="#" class="goto" data-id="c">go to item3</a>