javascript - 如何根据当前选择类聚焦滚动

标签 javascript jquery html css

我试图根据所选的添加类来聚焦滚动,当单击上一个和下一个按钮时,滚动需要聚焦它。我怎样才能让它成为可能请检查我的 fiddle https://jsfiddle.net/kannankds/bcszkqLu/

<ul class="kds">
<li>tile dtls1</li>
<li>tile dtls2</li>
<li>tile dtls3</li>
</ul>
<input type="button" value="previous" class="previous">
<input type="button" value="next" class="next">

最佳答案

添加

$(".kds").scrollTop(($(".currentSelection").index()-2) * $(".currentSelection").outerHeight());

对于previous

$(".kds").scrollTop($(".currentSelection").index() * $(".currentSelection").outerHeight());

下一步

UPDATED FIDDLE

关于javascript - 如何根据当前选择类聚焦滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35338585/

相关文章:

jquery - 文本框未触发 asp.net 必填字段

javascript - jQuery 函数不在条件循环中触发

html - 为什么 html 元素不占据整个浏览器视口(viewport)?

javascript - 如何以编程方式更改 html 元素的点击事件

javascript - 从本地主机域测试 facebook javascript 登录

javascript - Webpack 无冗余导出所有组件

javascript - 如何在 javaScript 中使用 indexof 从倒数第二个索引中获取字符?

javascript - Backbone.js:从 View 中的另一个方法调用一个方法?

javascript - 带有 jQ​​uery 的 HTML 实体

html - 如何在 `class` 和 `id` 之间进行选择