2

次の 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-page要素の1つにiron-scroll-thresholdがあります

    <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