ajax - InputTextarea 自动滚动行为

Question

我有一个使用 PrimeFaces 的 AJAX 轮询刷新的 inputTextarea。

当inputTextarea刷新时，会显示很多新的文字。但是刷新后总是跳到第一行。如果用户想要向下滚动并且轮询/刷新发生，无论如何它都会跳到顶部。

我能做些什么来防止跳到顶部(或者更好:完全防止跳转)？如果没有，我可以让 inputTextarea 至少留在底部吗？ (因为新行将附加到底部。)

我正在使用 JSF 2 (MyFaces)、Tomahawk 和 PrimeFaces。

Answer 1

使用 JavaScript。将此脚本包含在 <h:inputTextarea> 下方在 <p:poll> 更新的部分中或者在组件支持 oncomplete 的函数中(不确定，因为我没有最近的 PF 文档)。

var textarea = document.getElementById("clientIdOfTheTextarea");
textarea.scrollTop = textarea.scrollHeight; // Scrolls to bottom.