Плавный переход по якорю внутри элемента

Скрипт позволяет плавно переходить по якорю внутри элемента

1
2
3
4
5
6
7
8
<div class="menu_anhor">
<a href="#section-1">Section 1</a>
<a href="#section-2">Section 2</a>
</div>
<div class="sections">
<div class="section" id="section-1">TEXT</div>
<div class="section" id="section-2">TEXT</div>
</div>

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function(){
$('.menu_anhor').on('click','a', function (e) {
e.preventDefault();
var id = $(this).attr('href'),
top = $(id).position().top;
 
$('.sections').animate({scrollTop: top}, 500);
     });
});
</script>

#jQuery