прокрутка страницы после загрузки элементов
Господа, уже второй день не могу решить проблему.
В наличии сайс на wp аяксом подгружаю новые посты при клике на кнопку, НО при загрузке происходит скролл к последнему элементу. И это только в браузере Хрома/яндекса. Не могли бы подсказать как решить проблему? Спасибо. jQuery(function($){ $('#loadmore_sec').click(function(e){ e.preventDefault(); $(this).text('Загрузка...'); var data = { 'action': 'loadmore_sec', 'query': posts_vars, 'page' : current_page }; $.ajax({ url:ajaxurl, data:data, type:'POST', success:function(data){ if(data) { $('#loadmore_sec').text('Показать ещё').before(data); current_page++; if (current_page == max_pages) $("#loadmore_sec").remove(); } else { $('#loadmore_sec').remove(); } } }); }); }); http://194.67.109.27/ |
GostWalk,
проблема то в чём? |
Цитата:
Со стороны пользователя придется скролить наверх, чтобы бы увидеть загруженные элементы. Как от этого избавиться? Чтобы после клика, подгружались новые элементы, но не происходил скролл https://prnt.sc/vkptkq |
GostWalk,
как вариант, сохранить значение скролла в строке 3 и установить в строке 17. |
GostWalk,
jQuery(function($){ $('#loadmore_sec').click(function(e){ e.preventDefault(); var scroll = $(window).scrollTop(); $(this).text('Загрузка...'); var data = { 'action': 'loadmore_sec', 'query': posts_vars, 'page' : current_page }; $.ajax({ url:ajaxurl, data:data, type:'POST', success:function(data){ if(data) { $('#loadmore_sec').text('Показать ещё').before(data); $(window).scrollTop(scroll); current_page++; if (current_page == max_pages) $("#loadmore_sec").remove(); } else { $('#loadmore_sec').remove(); } } }); }); }); |
Работает отлично.
Спасибо! |
Часовой пояс GMT +3, время: 20:41. |