Jquery прокрутить до целевого элемента

0

Я искал ответ около часа, но я не могу найти ничего подходящего.

У меня есть горизонтальная шкала времени с значками вдоль нее, я добавил tabindex к каждому значку, чтобы вы могли вставить вкладку в шкалу времени/значки (они подсвечиваются с помощью простых: hover и: focus css).

Я хочу добавить некоторый jquery, который гарантирует, что страница прокручивается на текущий значок, идеально подходящий для размещения где-то рядом с центром (по горизонтали) экрана пользователя и идеально с каким-то гладким прокруткой...

Я просмотрел scrollTo, но не могу найти примеры, которые делают то, что мне нужно.

Пожалуйста помоги!

Благодаря :)

Теги:
scrollto

1 ответ

0

Я предполагаю, что вы имеете в виду этот плагин: https://github.com/flesler/jquery.scrollTo

в этом случае вам нужно будет сделать что-то вроде этого:

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

длительность - продолжительность анимации

в настройках вам нужно будет добавить смещение так, чтобы сфокусированные элементы были расположены там, где вы хотите, в окне просмотра

  • 0
    Это не работает для меня, я сделал $ ('. Theicon'). On ('focus', function () {alert ('here');}); и предупреждение даже не срабатывает, когда я наведите курсор мыши или нажмите на div ...
  • 0
    Я изменил первую строку на $ ('. Theicon'). Focus (function () {и заставил ее работать. Что я передал в раздел настроек, чтобы рассматриваемый div находился более или менее в центре экран?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню