javascript - 自动滚动到特定类(class)的最后一个 child

标签 javascript jquery html

有没有一种方法可以使用jquery自动滚动带有ask类的最后一个子级的框(动画:慢),3ask应该粘在divbox<的顶部

<!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

最佳答案

您可以使用scrollIntoView()函数。要在 jQuery 中使用此功能,请执行以下 $(selector).last()[0].scrollIntoView() ,该元素将滚动到 View 中。

您可以将其与 css scrollbehaviour 结合起来属性和浏览器将为您创建自动滚动效果,无需任何设置。请注意,这个 css 属性不太好 supported

关于javascript - 自动滚动到特定类(class)的最后一个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51778095/

相关文章:

php - 我制作的应该向 mysql 表添加条目的 php 页面没有对该表执行任何操作

javascript - 意外的标识符错误

javascript - JQuery .change(function..) 在 DataTables 第 2 页或第 11 行之后不起作用

Firefox 错误消息的 HTML 源代码(无法建立此连接错误显示)

html - 边框颜色与我的文本颜色相同(css/html)

javascript - 我不明白为什么我的代码没有获取输入框的值并创建一个新对象

javascript - 视频结束后更换横幅

javascript - 如何克隆输入类型文件内容?

javascript - 替换输入元素仅在 Chrome 中引发 onchange 事件

javascript - 添加商品到购物车