聚合物纸卷轴标题面板与铁滚动阈值滚动问题

Question

我有以下纸卷轴标题面板，主容器内有铁页。

<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;
    }

当它到达较低的thresold时，它调用_loadMoreProducts。 一旦api调用返回数据，我将清除阈值触发器。

scope.$.scrollThresholdForProducts.clearTriggers();

最终会发生什么，它会将滚动条重置为顶部。有没有办法解决这个问题？