Jquery:滚动到最后一个 <li>

Posted

技术标签:

【中文标题】Jquery:滚动到最后一个 <li>【英文标题】:Jquery: Scroll to last <li> 【发布时间】:2012-01-10 05:06:35 【问题描述】:

我正在使用以下内容滚动到无序列表中的最后一个 &lt;li&gt;

$("html,body").animate(scrollTop: $('ul#cart-items li').offset().top);

如何更改它以滚动到无序列表中的最后一个 &lt;li&gt;,但还要从顶部偏移大约 30px?

【问题讨论】:

【参考方案1】:

你试过了吗:

$("html,body").animate(scrollTop: $('ul#cart-items li:last').offset().top - 30);

但是 + 或 - 最后的 30 来实现您想要的偏移量?

【讨论】:

由于某种原因,li:last 没有产生任何结果。在 Webkit 和 Firefox 中测试 我的错误,我需要指定li.item:last,因为购物车项目中有更多li【参考方案2】:
$("html,body").animate(scrollTop: $('ul#cart-items li:last').offset().top+30);

在这里..

【讨论】:

以上是关于Jquery:滚动到最后一个 <li>的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现内容滚动

jquery实现文字向上滚动效果

jquery轻松实现li标签上下滚动的原理

如何用jquery获得每个ul下最后一个li

jquery 获取同胞元素中的最后一个

JS + jQuery 实现元素自动滚动到底部,兼容IEFFChrome