Задача стоит следующая
Сайт построен на Wordpress 5.2.2
Есть 3 родительских блока каждый с разным id
которые добавлены в меню, в самих блоках есть ещё дополнительные элементы-категории, при нажатии на элемент-категории посетитель переходит к категории сайта.
Когда пользователь нажимает в браузере
кнопку назад должен вернутся в исходное положение к выбору элементов-категории, но так чтоб сам блок был по середине экрана.
При переходе с меню(ссылка сделана якорь на родительский блок'#blok1') родительский блок становится точно по центру страницы.
Пробовал решить данную проблему через localStorage
где записываю id
блока с которого переходит пользователь
$(".wrapper_body .categ_block").on("click", function(){
var locItem = $(this).attr('id');
var linkST = window.location.href;
localStorage.setItem('linkSite', linkST);
localStorage.setItem('backUpHist', locItem);
});
и на странице уже самой категории при возврате назад пробую подменить ссылку на свою
var locItems = localStorage.getItem('backUpHist');
var siteLink = localStorage.getItem('linkSite');
var linksBl = siteLink+"#"+locItems;
console.log(linksBl);
window.onbeforeunload = function(){
window.location.href = linksBl;
};
Но когда пользователь прокрутит родительский блок вверх или вниз, то пользователь возвращается на ту позицию с которой он переходил в категории, как на второй картинке.
Буду признателен за помощь.