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

<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>

<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>