1. Необходимо подобрать в интернете или написать (на ваше усмотрение) работающий скрипт плавного скроллинга для навигации к якорям.
2. Подключить скрипт плавного скроллинга на сайт - OcStore 2.3.
3. Скрипт должен учитывать специфику сайта, - шапка зафиксирована (чтобы место с якорем не перекрывалось меню).
P/s. Находил в нете следующий скрипт с комментарием автора.
$("body").on('click', '[href*="#"]', function(e){
var fixed_offset = 100;
$('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
e.preventDefault();
});
Во-первых, асинхронно (например, у меня отзывы подгружались с другого сервиса, с задержкой несколько секунд). Во-вторых, для всех ссылок, которые содержат символ # (являются якорями). В-третьих, у меня в проекте было фиксированное меню сверху, поэтому при прокрутке прямо по якорю часть контента перекрывалась, для решения этой проблемы предлагаю установить fixed_offset равный высоте фиксированного меню (опционально).
----------
Если вышеуказанный скрипт действительно рабочий, то задача облегчается, достаточно будет его только подключить, чтобы скрипт заработал на всех страницах с якорями !
Результат выполненной работы.
➤ Положительным результатом будет считаться работоспособность скрипта плавного скроллинга для всех страниц сайта, где устанавливается якорь (с учетом специфики - фиксированная шапка, сделать так, чтобы место с якорем было видно и не перекрывалось меню шапки).
➤ Показать файл (его путь) со скриптом (кодом) и где именно он подключен (в каком файле), если в скрипте будут использованы параметры тонкой настройки, объяснить, какой из них и что означает - инфа для меня, для понимания.
➤ Избежать конфликта с другими скриптами.
P/s.
Для теста работоспособности скрипта на сайте будут использованы переходы к якорям:
1) В рамках одной информационной страницы - «Политика конфиденциальности» (politika-konfidencialnosti) (нажатие на ссылку Раздела 1 «Общие положения» переход к якорю Раздел 10. «Заключительные положения»).
2) Переход с одной информационной страницы «Почему мы ?» (pochemu-my) (нажатие на ссылку слово «Доверяют») на другую информационную страницу Отзывы покупателей (otzyvy-pokupatelej) (якорь - слово «рейтинг»).
