JavaScript 滚动到 jQuery 中绑定(bind)的 keydown 事件上的元素

Question

我试图在按键事件中滚动到两个不同的元素，第一次按下时滚动到第一个元素，第二次按下时滚动到第二个元素，并在每两次按下(或点击)后重复该事件。我创建了一个 JSFiddle 演示，链接如下。

FIDDLE

如您所见，第二次按下(或点击)时它不会滚动到底部元素。我唯一能想到的就是在第二个事件中使用除“.offset().top”之外的其他内容。但是，如果你们中的一些 JS 专家查看我的代码，您可能会看到错误，或者可能会看到另一个达到所需效果的解决方案。预先感谢!

.offset().top ???

主要错误已解决，但新错误被发现。如果用户单击向上箭头，有没有办法将命中变量重置为零？

不再有错误!您可以随意使用此脚本!

Answer 1

查看 offset 的定义

Get the current coordinates of the first element in the set of matched elements, relative to the document.

这里的问题是当您对 #wrap 元素进行动画处理时，其偏移量会发生变化最简单的解决方案是预先获取其位置，请参阅my edited JSfiddle 。添加以下两行代码，根据spot1/spot2做动画。 switch case 执行得很好。

var spot1 = $("#scrollToHere2").position().top;
var spot2 = $("#scrollToHere").position().top;