Jquery mi blocca i link ancora

codice HTML:
<!doctype html><html><head><meta charset="utf-8">    
<meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Titolo</title>        <!--
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>--> 
       <link href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.min.css" rel="stylesheet">    
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">    <link href="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" rel="stylesheet" type="text/css">    <script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/js/foundation.min.js" crossorigin="anonymous"></script>        
<script>$(function() {$(document).foundation();});</script><script src="../js/animated-scroll.js"></script>            </head><body> 
   <div class="grid-x">    <div class="cell small-3">         
<ol class="list-upper-roman" data-smooth-scroll>   <li><a href="#I">SEZIONE I<br/></a></li>   <li><a href="#II">SEZIONE II</a></li>   </ol>              
<p><a href="#II-1">SEZIONE II-1</a></p>              
<ol class="list-upper-roman" start="3">               <li><a href="#III">SEZIONE III </a></li>                <li><a href="#IV">SEZIONE IV</a></li>              </ol>        </div>    
<div class="cell small-12 medium-9 overflow-x-hidden overflow-y-scroll" style="height: 20px; overflow-y: scroll;">        <a id="I"></a><p>contenuto I</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p>        <a id="II"></a><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p>        
<a id="II-1"></a><p>contenuto II-1</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p>       
 <a id="III"></a><p>contenuto III</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p>        
<a id="IV"></a><p>contenuto IV</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto II</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p><p>contenuto</p>        </div>        </div></body></html>