Chrome - 需要滚动到附加项目答案

【问题标题】：Chrome - need scroll to appended itemChrome - 需要滚动到附加项目
【发布时间】：2020-11-18 17:44:32
【问题描述】：

我有一个分页按钮（显示更多）。这个按钮在现有产品列表的底部附加额外的产品，就像任何地方一样。所以，然后我在火狐中点击这个按钮，新产品就会出现在我面前，我需要。所以，我应该再次向下滚动以查看（显示更多）按钮，这绝对没问题。

但是，Chrome 中的相同操作将窗口卡在（显示更多）按钮前面。这是一个问题。如果我想查看新产品，我应该向上滚动以查看新产品，然后再次向下滚动以再次查看（显示更多）按钮。

你能帮帮我吗？如何在 Chrome 中解决此问题？

我正在使用 jquery 函数追加：

$('#product-list').append(response);

【问题讨论】：

我找到了一个解决方案，不确定它是否是一个好的解决方案，但这是我目前所拥有的。替换：$('#product-list').append(response); 为：var dataScroll = $('#load-format-pagination').offset().top + $('#load-format-pagination').height();$('#product-list').append(response);$('html, body').animate({ scrollTop: dataScroll }, 500);
如果有更好的解决方法，请告诉我。

【解决方案1】：

在追加之前和之后保存位置滚动到这个位置。

let scrollPosition = $(window).scrollTop();

// append

$(document).scrollTop(scrollPosition);

【讨论】：