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

如何禁用自动滚动？

1 个答案: