2016-01-11 74 views
1

我正在使用我的新网站,但我遇到了一些问题。让我们来看看我的代码:点击页脚链接后滚动返回页脚

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

所以我想有像这样的工作:

  1. 点击链接;
  2. 让页面滚动到底部(因为页面内容可以改变页面高度,所以它需要在点击链接后滚动回页脚);
  3. 留在底部,所以用户可以读取页脚再次

我上面的代码并没有出于某种原因。 delay(500)不起作用,因此由于某种原因忽略了其余的代码。

+0

@ParthTrivedi删除双点。另外我认为它也不会起作用,因为它一开始并不动画。 –

+0

@QuietNaN我们需要UI吗? –

+0

@QuietNaN是的,我做了,其余的jQuery工作,但只是这段代码没有。 – Mia

回答

3

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

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

请参阅here