点击页脚链接后，滚动回页脚

Scroll Back to Footer after Clicking on Footer Link

本文关键字：滚动 链接      更新时间：2023-09-26

我正在开发我的新网站，但我遇到了一点问题。让我们看看我的代码：

$(".item2").click(function(){
    $(".item1").removeClass("underline");
    $(this).addClass("underline");
    $('html, body').delay(500).animate({ scrollTop:0 }, 'slow');
});

所以我试着让它像这样工作：

  1. 单击链接
  2. 让页面滚动到底（因为页面内容可以改变页面高度，所以点击链接后需要滚动回页脚）
  3. 停留在底部，以便用户可以再次阅读页脚

由于某些原因，我上面的代码不起作用。delay(500)不起作用，因此出于某种原因忽略了代码的其余部分。

此代码在0.5秒后向下滚动页面。

$(".item2").click(function() {
  setTimeout(function(){
    $("html, body").animate({ scrollTop: $(document).height() }, "slow");
    return false;
  }, 500);
});

请参见此处。

相关文章：