Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击页脚链接后滚动回页脚_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单击页脚链接后滚动回页脚

Javascript 单击页脚链接后滚动回页脚,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在开发我的新网站,但我有一点问题。让我们看一下我的代码: $(".item2").click(function(){ $(".item1").removeClass("underline"); $(this).addClass("underline"); $('html, body').delay(500).animate({ scrollTop:0 }, 'slow'); }); 所以我试着让它像这样工作: 点击链接 让页面滚动到底部(因为页面内容可以改变页面高度

我正在开发我的新网站,但我有一点问题。让我们看一下我的代码:

$(".item2").click(function(){
    $(".item1").removeClass("underline");
    $(this).addClass("underline");
    $('html, body').delay(500).animate({ scrollTop:0 }, 'slow');
});
所以我试着让它像这样工作:

  • 点击链接
  • 让页面滚动到底部(因为页面内容可以改变页面高度,所以点击链接后需要滚动回页脚)
  • 保持在底部,以便用户可以再次阅读页脚

  • 由于某种原因,我上面的代码不起作用。
    延迟(500)
    不起作用,因此出于某种原因忽略其余代码。

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

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

    请参阅。

    @ParthTrivedi删除双点。另外,我认为它也不起作用,因为它一开始并没有动画。@QuietNaN我们需要UI吗?@QuietNaN是的,我需要,jQuery的其余部分可以工作,但只有这段代码不行。@PraveenKumar-nah抱歉;)考虑过jQuery的评价^^我想你可以把和结合起来。