jQuery滚动到元素的底部而不是顶部

Posted 2023-05-09

技术标签:

【中文标题】jQuery滚动到元素的底部而不是顶部【英文标题】：jQuery scroll to bottom of element not top 【发布时间】：2013-07-19 11:12:40 【问题描述】：

我正在使用以下内容滚动到一个元素

$("html, body").animate(
  scrollTop: $('selector').offset().top
, 500);

上面的代码将元素滚动到浏览器窗口的顶部，有没有办法可以滚动到滚动到浏览器窗口底部的元素结束的元素？

【问题讨论】：

【参考方案1】：

尝试这样的方法将滚动条放在元素的底部

$("html, body").animate(
      scrollTop: $('selector').offset().top + $('selector').outerHeight(true)
    , 500);

或者这样将元素放在滚动的底部：

$("html, body").animate(
          scrollTop: $('selector').offset().top + $('selector').outerHeight(true) -$(window).height()
        , 500);

【讨论】：

进行了一些修改：

$("html, body").animate( scrollTop: $('selector').offset().top - ($(window).height()-$("selector").outerHeight() +10), 500);

【参考方案2】：

您可以使用window 的高度来计算您的滚动位置

【讨论】：

以上是关于jQuery滚动到元素的底部而不是顶部的主要内容，如果未能解决你的问题，请参考以下文章