单击“页脚链接”后滚动到页脚

时间:2016-01-11 13:36:56

标签: javascript jquery html css

我正在使用我的新网站,但我有一点问题。我们来看看我的代码:

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

所以我试图让它像这样工作:

  1. 点击链接;
  2. 让页面滚动到底部(因为页面内容可以更改页面高度,因此需要在单击链接后滚动回页脚);
  3. 保持在底部以便用户可以再次阅读页脚
  4. 上面的代码因某些原因无效。 delay(500)不起作用,因此出于某种原因忽略了其余的代码。

1 个答案:

答案 0 :(得分:3)

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

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

请参阅here