Я искал ответ около часа, но я не могу найти ничего подходящего.
У меня есть горизонтальная шкала времени с значками вдоль нее, я добавил tabindex к каждому значку, чтобы вы могли вставить вкладку в шкалу времени/значки (они подсвечиваются с помощью простых: hover и: focus css).
Я хочу добавить некоторый jquery, который гарантирует, что страница прокручивается на текущий значок, идеально подходящий для размещения где-то рядом с центром (по горизонтали) экрана пользователя и идеально с каким-то гладким прокруткой...
Я просмотрел scrollTo, но не могу найти примеры, которые делают то, что мне нужно.
Пожалуйста помоги!
Благодаря :)
Я предполагаю, что вы имеете в виду этот плагин: https://github.com/flesler/jquery.scrollTo
в этом случае вам нужно будет сделать что-то вроде этого:
$('.icon').on('focus', function(){
$.scrollTo($(this), duration, settings )
})
длительность - продолжительность анимации
в настройках вам нужно будет добавить смещение так, чтобы сфокусированные элементы были расположены там, где вы хотите, в окне просмотра