.animate jquery перемещается в верхнюю часть страницы (галерея фильтруемых изображений)

Question

Я пытаюсь встроить чей-то код в мой веб-сайт, который в основном представляет собой фильтруемую галерею изображений ... но когда я нажимаю любую ссылку, чтобы отфильтровать мою галерею, моя страница снова перемещается в верхнюю часть и теряет свою текущую позицию ... Вот онлайн-ссылка на проверить проблему .

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

Answer 1

Это происходит потому, что для href ссылки установлено значение #, которое перемещает вас в начало страницы.

В обработчике click для этих ссылок вызывайте preventDefault():

$(".myclass").click(function(event){
   event.preventDefault();
});

Это предотвратит выполнение действия по умолчанию #.

Answer 2

Прямо в нижней части триггера Click для «a», добавьте return: false; и это предотвратит переход браузера на вершину:)