У меня есть несколько шаблонов, которые выглядят примерно так:

  
    {{#each items}}
      {{> item}}
    {{/each}}
  
  {{> loadMore}}



  
    
  



  <a href="#">Load more...</a>

Со связанным JavaScript:

Template.items.items = function() {
  return Items.find({}, {limit: Session.get("itemCount")});
}

Template.loadMore.events({
  "click": function() {
    Session.set("itemCount", Session.get("itemCount") + 10);
  }
})

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

Всякий раз, когда я нажимаю наloadMoreТем не менее, это оба тянет больше данных вниза также прокручивает меня обратно к началу страницы, скорее побеждая цель бесконечной прокрутки. Я могу добавить немного javascript, чтобы прокрутить обратно туда, где и должно быть, но это оставляет неприятное мерцание, когда страница быстро переворачивается.

мы пытались использоватьpreserve во всем списке, а также на каждом предметеdiv чтобы они не обновлялись, но это некажется, остановить прокрутку. Я'мы также пытались положить{{#isolate}} вокруг практически все без всякой удачи.

Есть ли что-то, что я могу сделать, чтобы страница не прокручивалась во время повторного рендеринга? Составление шаблонов по-другому? Какой-то аспектpreserve или же{{#isolate}} что я'пропустили?