当前位置: 首页 > 面试题库 >

添加数据后如何自动滚动到div末尾?

冀阳文
2023-03-14
问题内容

我的table内部div具有以下样式:

#data {
    overflow-x:hidden;
    overflow-y:visible;
    height:500px;
}

一旦向表中添加了足够的数据,这将显示一个垂直滚动条。但是,添加新数据后,我希望该div元素自动滚动到底部。

我可以使用哪些JavaScript代码执行此操作?我愿意在必要时使用JQuery中的选项,但希望使用JavaScript解决方案。


问题答案:

如果您不知道何时将数据添加#data,则可以设置一个间隔,每隔几秒钟将元素的scrollTop更新为其scrollHeight。如果要控制何时添加数据,则只需在添加数据后调用以下函数的内部即可。

window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);


 类似资料:
  • 问题内容: 滚动到该位置后如何使它固定?我在页面的后面有一个,您需要滚动到那个页面。 如果我使用: 在出现之前就应该正常显示。我需要的一个很好的例子是9gag上的第二个广告。如果屏幕分辨率足够低,则在加载首页后您将看不到该广告,但是向下滚动后,您会看到第二个广告,并且在向下滚动时它将保持固定。 问题答案: 我知道这仅被标记为html / css,但是您不能仅使用css来做到这一点。最简单的方法是使

  • 问题内容: 我创建了一个带有JTextArea的JFrame。我想在每次追加后自动向下滚动文本区域。我应该如何处理? 我已经尝试过,但是什么都没有改变。 问题答案: 有两种方法(但必须将JTextArea放在JScrollPane中) a)设置插入符号(方法正确) 例如 b)从(从)移至最大值

  • 问题内容: 我正在制作一个FAQ页面,顶部有一些按钮可以跳转到一个类别(它跳转到我用作类别标签的标签,例如,用于我的常规类别)。我想添加一个滚动效果,而不仅仅是跳到该类别。我想要类似http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm的内容,该内容可以滚动到页面的所需部分。该链接是一个脚本,该脚本转到页面顶部,具有良好的滚动效果。我需要类似

  • 问题内容: 我有一个要在HTML5中添加一个滚动条的表。我希望表格显示十行,然后用户可以向下滚动以查看其他歌曲。如何添加滚动条? 这是我在HTML5中的表格代码: 这是我的CSS代码: 问题答案: 如果您有表列标题,并且不想滚动这些标题,那么此解决方案可以为您提供帮助: 这种解决方案需要和内部标签元素。 注意 :如果您确定垂直滚动条始终存在,则可以使用css3 calc属性使thead细胞与tbo

  • 问题内容: 我正在尝试自动执行水平栏的滚动,其中水平栏的元素是动态的,并且可以从API中获取。 有没有一种方法可以在appium中使其自动化? 问题答案: 如果页面底部有任何元素或文本,则可以使用UiAutomator2。 如果您使用的是appium,请添加所需的功能’UiAutomator2’。 现在,如果您有元素的ID,请使用以下函数 如果您有元素的文本,请使用它。 如果您不知道botton中

  • 我使用JavaFX ListView作为聊天应用程序的聊天室主体。当消息到来或正在发送时,我会添加到listview。这很好,但我总是不得不滚动找到最新的消息。有没有任何方法,我可以自动滚动到底部,以便显示最新的消息,而不必一直向下滚动?