添加新元素后正确向下滚动

Question

我用JavaScript编写了一个简单的rss阅读器。
加载新新闻项后，我想向下滚动视图，以便您可以 阅读新项目。

var new_element = document.createElement('DIV');
new_element.innerHTML = loaded_feed_item_text;
parent.appendChild(new_element);

parent.scrollTop = parent.scrollTopMax;

问题：

某些新闻可能包含图片或其他大小未知的元素。
而且元素在不可预知的时间加载。
因此，我加载新项目，向下滚动以显示它们，然后加载图片并 项目的高度已调整，视图也不再向下滚动。

所需结果：

元素加载其子元素，并且父元素全部滚动 向下显示新元素的方式。

Answer 1

我会考虑延迟一下，就像您只是随机加载越来越多的内容，然后每次将用户滚动到底部一样，他们将无法阅读或查看他们想要的内容。 / p>

window.scrollTo(0, document.body.scrollHeight || document.documentElement.scrollHeight); // Scroll to the bottom of the page

还可以考虑添加一个按钮，该按钮的内容类似于“查看最新帖子”，然后将前面的代码附加到函数上并调用它。