时间戳

首页 > 解决方案 > 自动滚动到特定班级的最后一个孩子

javascript - 自动滚动到特定班级的最后一个孩子

问题描述

有没有办法用jquery（动画：慢）自动滚动带有最后一个孩子的盒子，3 ask应该粘在div的顶部box？

<!DOCTYPE html>
<html>
<body>
<div id=box style="height: 200px; overflow-y: scroll;">
  <span class=ask>1 ask<br><br><br><br><br><br><br></span>
  <span class=reply>2 reply<br><br><br><br><br><br><br></span>
  <span class=ask>3 ask<br><br><br><br><br><br><br></span>
  <span class=reply>4 reply<br><br><br><br><br><br><br></span>
</body>
</html>

像这样：

在此处输入图像描述

标签： javascriptjqueryhtml

解决方案

您可以使用该scrollIntoView()功能。要将它与 jQuery 一起使用，请执行以下操作$(selector).last()[0].scrollIntoView()，元素将滚动到视图中。

您可以将此与 css scrollbehaviour属性结合使用，浏览器将为您创建自动滚动效果，无需任何设置。请注意，这个 css 属性没有得到很好的支持

推荐阅读