Полимерная бумага-прокрутка-заголовок панели с проблемой прокрутки порога прокрутки железа

У меня есть следующий 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();

В конечном итоге происходит сброс прокрутки наверх. Есть ли способ решить эту проблему?

0 ответов

Другие вопросы по тегам