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

时间：2018-08-10 02:29:08

标签： javascript jquery html

是否有一种方法可以自动滚动带有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>

喜欢这个：

enter image description here

2 个答案:

答案 0 :(得分：1)

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

您可以将其与c​​ss scrollbehaviour属性结合使用，浏览器无需任何设置即可为您创建自动滚动效果。请注意，此css属性不好supported

答案 1 :(得分：0)

我认为您可能需要平滑滚动@kitanga Nday的答案的最后span

you might look this 

$("span").last()[0].scrollIntoView({ behavior: 'smooth' });
相关问题
最新问题