Задать вопрос
@advancesss

Как вывести графический loader при автоподгрузке контента?

Здравствуйте, есть скрипт, который при прокрутке вниз подгружает на ajax данные. Подскажите пожалуйста как вывести loader в фомате gif или svg который бы отображался при загрузке данных ?

Спасибо за помощь

$(function() {
    var load_more = false;

    $(window).scroll(function() {
        if($("#ajax_next_page").length && !load_more) {
            var url = $("#ajax_next_page").attr("href");
            var offset_button = $("#ajax_next_page").offset();
            if($(this).scrollTop() >= offset_button.top - $(window).height()) {
                load_more = true;
                $.ajax({
                    url: url,
                    type: "POST",
                    data: {IS_AJAX: 'Y'},
                    success: function(data) {
                        $("#ajax_next_page").after(data);
                        $("#ajax_next_page").remove();
                        load_more = false;
                    }
                });
            }
        }
    });
});
  • Вопрос задан
  • 52 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Компьютерная академия «TOP»
    Разработка на Python
    1 год
    Далее
  • beONmax
    Курс JavaScript – полный курс с нуля до результата
    1 месяц
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы