Клонирование клика в jQuery — как сделать?

Question

[Александр Осадчий]

Здравствуйте!

Помогите пожалуйста разрешить следующий вопрос:

Есть два меню на странице (Основное верхнее) - меню в футере дублирует функционал того, что в шапке

можно ли как-то сделать, чтоб если в футере нажал на пункт, то страницу прокрутилась к верхнему меню и клик продублировался в таком-же пункте в верхнем меню?

То есть я в футере кликнул на "Cat 3" - страница прокручивается вверх, и кликает на "Cat 3" в верхнем меню?

Comments

[Одиночка Айс]

Лол... У вас ссылки одинаковые и скроллят к одному блоку, зачем вам пользователю карусель устраивать?

[BATPYIIIKOB]

Если подгружаете контент через AJAX, то просто обычный скрол вверх кода коих полно в инете, и загрузка необходимых данных в контент блок. Если же делаете выгрузку контента с перегрузкой страницы - то какой смысл? При перегрузке курсор и так проскролится вверх..

[Александр Осадчий]

Евгений Прозоров, в верхнем меню у нас ajax переключатель табов, само меню так-же генерируется на стороне JS, а внизу нам нужно продублировать несколько пунктов из меню

[Сергей Карвасарный]

порно, порно, весело задорно)) в теории есть варианты, если меню один в один то можешь брать индекс нажатого элемента из футера и делать просто скролл вверх, как писали выше куча скриптом скролла есть(да хоть якорями привяжи к верхнему меню все нижние) и как только scroll === 0 и тогда ты берешь свой индекс взятый снизу и просто делаешь банальный поиск в верхнем меню элемента с этим индексом и делаешь обычный click на него и все.

Answer 1

[Евгений Журов]

$('.foot_nav a').on('click', e => {
	let hash = e.target.hash
	$('html').animate({
  	scrollTop: 0
  }, {
  	duration: 500,
  	complete: () => $('.top_nav').find(`a[href="${hash}"]`).trigger('click')
  })
});