我如何通过使用聚合物纸卷轴标题面板进行无限滚动?

时间:2015-12-26 14:52:46

标签: javascript polymer polymer-1.0 web-component

我正在使用Polymer-1.0 paper-scroll-header-panel&当用户到达底部时看起来自动加载内容(如facebook的无限滚动),下面给出的代码完美运行

listeners: {
"content-scroll": "scroll"
},

scroll: function(e, d){
console.log(e, d);
},

但我怎么知道用户到达页面底部&是否有可用的阈值设置(如80%来自顶部)?

d.target' object中有scrollHeight & scrollTop`可用,但我不知道如何将这些值用于无限滚动

1 个答案:

答案 0 :(得分:0)

scroll: function(e, d) {
    if (d.target.scrollHeight - (d.target.clientHeight * 1.5) < d.target.scrollTop) {
        // your code
    }
}

我不知道这是正确的方法,但它会起作用,在chrome&amp; amp;和火狐