代码之家 › 专栏 › 技术社区 › Ninja Warrior 11

自动滚动到特定类的最后一个子类

html jquery javascript

Ninja Warrior 11 · 技术社区 · 7 年前

有没有一种方法可以自动滚动带有类ask with jquery的最后一个子类(animation:slow)的框 3 ask 应该贴在沙发床的上面 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>

这样地:

2 回复 | 直到 7 年前

Kitanga Nday 7 年前

你可以使用 scrollIntoView() 功能。要将其用于jQuery,请执行以下操作 $(selector).last()[0].scrollIntoView() 元素将滚动到视图中。

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

Munkhdelger Tumenbayar 7 年前

我想你可能需要在最后一个 span 关于@kitanga Nday的回答

you might look this

$("span").last()[0].scrollIntoView({ behavior: 'smooth' });

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前