SkipTyler
@SkipTyler
Junior+ Front-End developer

Почему скролит при .append()?

Всем привет.
Есть у меня страница на angularJS
Там по клику на кнопку load more выполняется ajax запрос, который подгружает контент.
Все это реализовано отдельно, и вызывается по клику на кнопку, через обычный .click()
Этот же скрипт применяется и на других страницах.

Проблема.
На странице с angularJS при .append() скролит страницу вниз, на средину нового(!) контента.

ЧТо может быть не так?

Тут пример ajax запроса.
var mentionsOffset = $('.mentions-tile').length;
var $mentionsMoreBtn = $('#mentionShowMoreButton');
var mentionsIsRequestSend = false;
var mentionsIsLastResult = false;
var mentionsMoreBtnIsClicked = false;
var $loading = $('#loading');

$mentionsMoreBtn.click(function () {
  mentionsMoreBtnIsClicked = true;
  $mentionsMoreBtn.addClass('disabled requesting');
  ajaxLoadMentions();
});

function ajaxLoadMentions() {
  mentionsIsRequestSend = true;
  var getMoreMentionsUrl = Routing.generate('api.all.mentions.get_more');

  $.ajax({

    url: getMoreMentionsUrl,
    data: {
      mentionsOffset: mentionsOffset
    },
    type: 'POST',
    success: function (response) {
      $loading.hide();
      $('#mentionsContent').append(response.html);

      if (mentionsMoreBtnIsClicked) {
        $('#mentionShowMoreButton').remove();
      }

      if (!response.showButton) {
        $('#mentionShowMoreButton').remove();
        mentionsIsLastResult = true;
      }

      var videoList = $("#mentionsContent div.mentions-tile").slice(mentionsOffset);
      $(".js-modal-btn", videoList).modalVideo();

      mentionsOffset = response.mentionsOffset;

      mentionsIsRequestSend = false;
    }
  });
}


Прилагаю HTML код кнопки

<button id="mentionShowMoreButton" type="button" class="btn btn-more">
     Показать больше
    <i class="fa fa-spinner fa-pulse m-l-1" aria-hidden="true"></i>
</button>
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы