jquery - 如何禁用自动滚动？

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您停止默认事件流。