jquery滾動到重點項目

Question

我一直在尋找一個小時左右的答案，但我找不到任何非常正確的東西。

我有一個帶有圖標的水平時間軸，我已將tabindex添加到每個圖標，以便您可以通過時間軸/圖標（它們使用簡單：懸停和：focus CSS突出顯示）選項卡。

我想添加一些jQuery的，以確保該頁面滾動到當前所聚焦的圖標，理想的定位它的地方接近中心（水平）用戶屏幕和idealy具有某種平滑滾動的...

我看了scrollTo，但找不到任何我需要的例子。

請幫忙！

謝謝:)

Answer 1

我猜你指的是這個插件：https://github.com/flesler/jquery.scrollTo

在這種情況下，你需要做這樣的事情：

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

持續時間動畫的持續時間

在設置中，您需要添加偏移量，以便將焦點元素放置在視口中想要的位置