scroll-target="document" из пользовательского элемента с iron-scroll-threshold
Я хочу запустить метод вложенного пользовательского элемента, когда позиция прокрутки документа приближается к нижней части, используя iron-scroll-threshold.
Итак, у меня есть файл index.html, как это:
<link rel="import" href="/src/my-app.html">
<body>
<my-app></my-app>
</body>
</html>
и внутри элемента my-app у меня есть элемент my-questions, например:
<iron-pages
selected="[[page]]"
attr-for-selected="name"
fallback-selection="view404"
role="main">
<my-questions name="questions"></my-questions>
<my-view404 name="view404"></my-view404>
</iron-pages>
Теперь, наконец, внутри элемента мои вопросы, у меня есть
<ul id="question-list">
<template is="dom-repeat" items="[[questions]]" sort="_computeSort" as="question">
<poll-result questionkey="[[question.$key]]"></poll-result>
</template>
</ul>
<iron-scroll-threshold on-lower-threshold="_loadMoreQuestions" lower-threshold="400" id="threshold" lower-triggered="{{nearBottom}}" scroll-target="document">
</iron-scroll-threshold>
и моя функция loadMoreQuestions:
_loadMoreQuestions: function(){
console.log('load more questions fired');
var questionCount = this.$.questionQuery.limitToLast;
this.$.questionQuery.limitToLast = questionCount + 10;
var threshold=this.$.threshold;
threshold.clearTriggers();
},
Теперь метод _loadMoreQuestions запускается один раз при загрузке страницы, но больше никогда. Как сделать так, чтобы этот метод срабатывал всякий раз, когда документ прокручивается на 400 пикселей снизу?