我如何使用聚合物纸滚动页眉面板进行无限滚动?
how i do infinite scrolling by using polymer paper-scroll-header-panel?
我正在使用 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` 中可用,但我不知道如何使用这些值进行无限滚动
scroll: function(e, d) {
if (d.target.scrollHeight - (d.target.clientHeight * 1.5) < d.target.scrollTop) {
// your code
}
}
我不知道这是正确的方法,但它会起作用,在 chrome 和 firefox
中测试过
我正在使用 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` 中可用,但我不知道如何使用这些值进行无限滚动
scroll: function(e, d) {
if (d.target.scrollHeight - (d.target.clientHeight * 1.5) < d.target.scrollTop) {
// your code
}
}
我不知道这是正确的方法,但它会起作用,在 chrome 和 firefox
中测试过