javascript - 在 href 上触发 2 个事件？滚动到顶部，然后加载

Question

我有一个问题，我想在网页上触发 javascript 或 jquery 中的特定事件。该页面在页面加载期间具有动画效果(屏幕和内容一分为二，幻灯片打开显示下一个内容)。当页面上的内容适合并且不需要滚动时，这会很好地工作。但是当内容需要滚动时，效果就不太好了。有没有办法触发 href 滚动回到页面顶部，然后加载 href 链接/目标？在基本术语中，类似于“单击滚动到顶部然后加载链接”之类的东西任何帮助都会很棒!谢谢

Answer 1

可以使用 jquerys animate 滚动到顶部，然后如果完成重定向:

$("a").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow", ()=> location.href = this.href );
  return false;
});

try it