Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.11.2020, 11:01
Интересующийся
Отправить личное сообщение для GostWalk Посмотреть профиль Найти все сообщения от GostWalk
 
Регистрация: 17.10.2018
Сообщений: 12

прокрутка страницы после загрузки элементов
Господа, уже второй день не могу решить проблему.
В наличии сайс на 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, 17.11.2020 в 11:05. Причина: ошибка
Ответить с цитированием
  #2 (permalink)  
Старый 17.11.2020, 13:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,148

GostWalk,
проблема то в чём?
Ответить с цитированием
  #3 (permalink)  
Старый 17.11.2020, 13:54
Интересующийся
Отправить личное сообщение для GostWalk Посмотреть профиль Найти все сообщения от GostWalk
 
Регистрация: 17.10.2018
Сообщений: 12

Сообщение от рони Посмотреть сообщение
GostWalk,
проблема то в чём?
проблема в том, что после клика на кнопку и загрузки новых элементов, происходит скролл вниз страницы, к кнопке.

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

Как от этого избавиться?
Чтобы после клика, подгружались новые элементы, но не происходил скролл https://prnt.sc/vkptkq
Ответить с цитированием
  #4 (permalink)  
Старый 17.11.2020, 14:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,148

GostWalk,
как вариант, сохранить значение скролла в строке 3 и установить в строке 17.
Ответить с цитированием
  #5 (permalink)  
Старый 17.11.2020, 14:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,148

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();
                }
            }
        });
    });
});

Последний раз редактировалось рони, 17.11.2020 в 14:43. Причина: off() remove
Ответить с цитированием
  #6 (permalink)  
Старый 17.11.2020, 14:25
Интересующийся
Отправить личное сообщение для GostWalk Посмотреть профиль Найти все сообщения от GostWalk
 
Регистрация: 17.10.2018
Сообщений: 12

Работает отлично.
Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как получить исходный код страницы после ajax lerneree AJAX и COMET 4 28.05.2018 13:53
Выполнение скрипта после загрузки контента с другой страницы TibiTotoro Общие вопросы Javascript 2 26.04.2018 15:04
Как подключить блок после загрузки страницы? aliasst Events/DOM/Window 2 04.03.2015 13:03
Повернуть изображение после его загрузки (jquery) art_maestro jQuery 0 13.09.2012 20:50
Как имитировать клик по элементу созданого после загрузки страницы? anoth3r jQuery 3 29.09.2011 11:22