次の 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();
最終的に何が起こるかは、スクロールを一番上にリセットすることです。この問題を解決する方法はありますか?