Jquery滚动到焦点项目

Question

我一直在寻找大约一个小时的答案，但我找不到任何正确的答案。

我有一个带有图标的水平时间轴，我已经为每个图标添加了tabindex，因此您可以选择时间轴/图标（使用简单突出显示它们：hover and：focus css）。

我想添加一些jquery，确保页面滚动到当前聚焦的图标，理想的位置靠近用户屏幕的中心（水平），理想的是有一些平滑的滚动...

我看过scrollTo但找不到任何可以做我需要的例子。

请帮忙！

谢谢：）

Answer 1

我猜你在提到这个插件：https://github.com/flesler/jquery.scrollTo

在这种情况下，您需要执行以下操作：

$('.icon').on('focus', function(){
 $.scrollTo($(this), duration, settings )
})

持续时间是动画的持续时间

在设置中，您需要添加偏移量，以便将焦点元素放置在视口中所需的位置