2

我有以下纸卷页眉面板，并且在主容器中有铁页。

<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();

最终发生的事情是将滚动重置到顶部。有没有办法解决这个问题？

4

0 回答 0