Полимерная бумага-прокрутка-заголовок панели с проблемой прокрутки порога прокрутки железа
У меня есть следующий paper-scroll-header-panel и железные страницы внутри основного контейнера.
<paper-drawer-panel disable-swipe force-narrow>
<paper-scroll-header-panel main fixed>
<paper-toolbar>
<header-element></header-element>
</paper-toolbar>
<div class="main-container">
<iron-pages route-target selected="0">
.............
............
</iron-pages>
</div>
</paper-scroll-header-panel>
</paper-drawer-panel>
и у меня есть железный скролл-порог в одном из моих элементов железной страницы
<iron-scroll-threshold id="scrollThresholdForProducts"
scroll-target="[[getScrollTarget()]]"
lower-threshold="100"
on-lower-threshold="_loadMoreProducts">
</iron-scroll-threshold>
Метод getScrollTarget выглядит следующим образом
getScrollTarget: function () {
var paperScroll = document.querySelector("paper-scroll-header-panel");
return paperScroll.scroller;
}
Когда он достигает нижнего порога, он вызывает _loadMoreProducts. Я очищаю пороговый триггер после того, как вызов API возвращается с данными.
scope.$.scrollThresholdForProducts.clearTriggers();
В конечном итоге происходит сброс прокрутки наверх. Есть ли способ решить эту проблему?