Прокрутка до блока "Отзывы" при клике на ссылку

[VladislavGridasov]

Здравствуйте! Ситуация такая: на странице продукта я вывел блок "rating" под заголовок H1. При клике на ссылку с количеством отзывов в этом блоке, открывается соответствующий таб с отзывами. Но эти табы находятся под блоком с изображением товара, и при клике на упомянутую ссылку мне хотелось бы, чтобы экран прокрутился вниз до начала блока с табами. Подскажите, пожалуйста, как это можно реализовать?

 

Дело в том, что посетитель, нажав на упомянутую ссылку с отзывами, может не заметить переключение таба внизу, и может посчитать, что ссылка поломанная. А с прокруткой экрана до блока с табами, он сразу увидит отзывы.

 

Заранее благодарен за помощь.

[ArtemPitov]

http://jquery.page2page.ru/index.php5/Выполнение_пользовательской_анимации

[VladislavGridasov]

http://jquery.page2page.ru/index.php5/Выполнение_пользовательской_анимации

 

Спасибо, уже нашел в ответ в похожей теме. Стандартную ссылку на отзывы в файле product.tpl, надо заменить на эту:

<a href="" onclick="$('a[href=\'#tab-review\']').trigger('click'); $('body').scrollTop($('#tab-review').offset().top); return false; "><?php echo $reviews; ?></a>

Змінено 27 листопада 2016 користувачем Skunk
[code]

[VladislavGridasov]

Еще вариант с плавной прокруткой:

<a href="" onclick="$('a[href=\'#tab-review\']').trigger('click'); $('body').animate({ scrollTop: $('#tab-review').offset().top}, 700); return false; "><?php echo $reviews; ?></a> 

Змінено 27 листопада 2016 користувачем Skunk
[code]

[krashman]

А как такое же сделать для категории?

Чтобы при клике на иконку отзывы в товаре из категории, открывало страницу этого товара на открытой вкладке с отзывами.

 

Нашёл решение:

 

Змінено 17 квітня 2020 користувачем krashman