如何禁用自动滚动？

Question

我在SquareSpace中有一个网页，每当您点击任何图库页面时，它都会自动向下滚动浏览标题。看看这里：https://kathrynbrylinsky.squarespace.com/#/sowsticks-/

我试图通过将下面的代码在页脚（并包括jQuery库在报头）来禁用它：

<script> 
    $(document).ready(function() { 
    $("a.project").click(function() { 
     $(window).scrollTop(0); 
     console.log("hi"); 
    }); 
    }); 
</script> 

就如何实现这一目标的任何想法？

Answer 1

您需要添加e参数去点击函数来获取事件点击对象，然后调用e.preventDefault()

<script> 
    $(document).ready(function() { 
    $("a.project").click(function(e) { 
     e.preventDefault(); 
     $(window).scrollTop(0); 
     console.log("hi"); 
    }); 
    }); 
</script> 

使用preventDefualt你停止默认的事件流。