Ajax подгрузка товаров по кнопке «Загрузить еще» — как убрать перекидывание вниз?

Question

[De-12]

Приветствую.

На сайте стоит загрузка товаров по кнопке "Загрузить еще", после её нажатия, подгружает все идеально, товары показывает, но экран прыгает вниз на уровень самой кнопки, т.е. загруженные товары остаются вверху и нужно листать вверх.

Не могу разобраться, как сделать так, чтобы товары загружались вниз и экран не дергался вниз.

Скрипт приложил: https://yadi.sk/d/iZ2M2EjQyhXGsw

Answer 1

[Антон]

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

var topoffset = $('.товарыблок').offset().top + $('.товарыблок').height();

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

Comments

[De-12]

var topoffset = $('.product-grid').offset().top + $('.product-grid').height();

добавил, что-то ничего не изменилось

[Антон]

De-12, наверное это не бездумно надо вставить, а понять смысл и подогнать под свой скрипт