Javascript 单击带有活动链接的图像时停止窗口滚动

我正在制作这个图库图像，在大图像下面有小缩略图，当我尝试单击下面的缩略图时，窗口会自动向上滚动到首页，有没有办法在单击带有链接的图像时禁用窗口滚动？这是我的代码示例：

<div class="image-gallery">
        <div class="big-image">   
            <img id="10" src="images/pr10.jpg" width="250px" height="250px" />
            <img id="11" src="images/pr11.jpg" width="250px" height="250px" />
            <img id="12" src="images/pr12.jpg" width="250px" height="250px"/>
            <img id="13" src="images/pr13.jpg" width="250px" height="250px"/>
            <img id="default" src="images/pr10.jpg" width="250px" height="250px"/>
        </div>
<!--thumbnails-->
        <ul style="text-align:center">
        <li><a href="#10"><img  src="images/pr10.jpg" width="30" /></a></li>
        <li><a href="#11"><img  src="images/pr11.jpg" width="30" /></a></li>
        <li><a href="#12"><img  src="images/pr12.jpg" width="30" /></a></li>
        <li><a href="#13"><img  src="images`enter code here`/pr13.jpg" width="30" /></a></li>
        </ul>
</div>

---

添加event.preventDefault；对于锚定标记单击事件：@BojanPetkovski谢谢，但不是我正在寻找的解决方案=其默认行为链接到单击。如果你不想为了你所需要的而那样做？