有没有一种方法可以使用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>
像这样:
最佳答案
您可以使用scrollIntoView()
函数。要在 jQuery 中使用此功能,请执行以下 $(selector).last()[0].scrollIntoView()
,该元素将滚动到 View 中。
您可以将其与 css scrollbehaviour 结合起来属性和浏览器将为您创建自动滚动效果,无需任何设置。请注意,这个 css 属性不太好 supported
关于javascript - 自动滚动到特定类(class)的最后一个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51778095/