Как после клика по ссылке, проскролить до определенного блока?

Question

[Сергей]

Нужно этот код применить после клика по этой же ссылке, вот код:

$(".filter-category li a").on("click", function(e){
	$("html, body").stop().animate({
		scrollTop: $("#menu").offset().top
	}, 500);
});

То есть, я кликаю по .filter-category li a - идет перезагрузка страницы и потом должен срабатывать этот код

Answer 1

[lamer350]

Делайте ссылки вида: site.ru/page/#id-block - страница сразу откроется на нужном блоке

Answer 2

[Ernest Faizullin]

перезагрузка страницы идет по клику - это важный момент. Ведь тогда бессмысленно делать коллбак на событие click. Нужно не делать перезагрузку, а если это не возможно, то сделать скролл внутри onload или ready, причем глубину скролла предварительно по клику сохранить в локасторадж

Comments

[Сергей]

Ernest Faizullin как предворительно по клику сохранить в локасторадж?

[Ernest Faizullin]

Сергей, по клику вместо самой прокрутки сохранить глубину в локалсторадж, саму прокрутку скроллить в ready, причем важно после совершения скролла внутри ready очистить глубину скролла в локалсторадж, чтобы не скролило постоянно при загрузке страницы

[Сергей]

Ernest Faizullin Что не так?

var scrollMenu = $("#menu").offset();
localStorage.setItem("menuScroll",scrollMenu );
var readyHeight;
$(".filter-category li a").on("click", function(e){
	var readyHeight = localStorage.getItem('menuScroll')
});
$("html, body").stop().animate({
	scrollTop: $("#menu").offset(readyHeight)
}, 500);
localStorage.removeItem("menuScroll");

[Сергей]

Решил!

var dataSession;
$(".filter-category li a").click(function(){
	var number = $("#menu").outerHeight();
	sessionStorage.setItem("category", number);	
});
dataSession = sessionStorage.getItem('category');
console.log(dataSession);
if (dataSession > 0) {
	$("html, body").stop().animate({
		scrollTop: $("#menu").offset().top
	}, 500);
}
sessionStorage.removeItem('category');

[Ernest Faizullin]

он клик сет итем
анимате обернуть в document.ready и получать гет итем readyHeight внутри ready