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

Question

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

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