无限滚动条Rea​​ct,如何在滚动条拇指触及底部时调用函数

时间:2018-09-14 07:44:39

标签: reactjs typescript

当滚动条到达滚动条窗口的底部时调用功能。我的滚动条指针将根据滚动条存储的数据量动态更改大小。

有没有简单的方法可以做到这一点? window.scrollY似乎始终为0。 我正在用打字稿编写一个React组件。

滚动条在容器div(即500x500)中为200x200

componentDidMount() {
    window.addEventListener('scroll', _.throttle((event)=>{
        this.triggerWhenScrolledToBottom(event);
    }, 500), false);
}

triggerWhenScrolledToBottom(event){

    var heightBound = $(window ).height * 0.8
    if (heightBound > window.scrollY)
        console.log('test');
}

我的代码的问题在于,它无法检测到我是否到达滚动条div的底部。

0 个答案:

没有答案