Jquery scrollTop始终滚动到页面顶部,未找到元素顶部

Jquery scrollTop always scrolling to top of page, NOT top of element found

本文关键字:顶部 元素 scrollTop 滚动 Jquery      更新时间:2023-11-10

我有一个购物车,当点击购物车中任何项目的"X"时,我希望页面滚动,使购物车中的前一个项目位于页面顶部。

这是一把小提琴:https://jsfiddle.net/qb3a6j31/9/

例如,如果您滚动到最底部,并单击项目#4上的"X",我希望页面滚动,使项目#3位于最顶部(或尽可能远的顶部,考虑到下面有多少内容)。然而,现在发生的行为是,点击任何"X"总是滚动到页面的顶部,而不是找到的元素的顶部。

我也有一个console.log,它显示了要滚动到的正确元素。我做错了什么?

尝试将scrollTop动画更改为:

 $("html, body").animate({ scrollTop: element_to_scroll_to.position().top }, 1);