ReactJs 添加和删除onScroll事件。

• 大家都可能会遇到这样的问题，那就是滚动事件 。比较获取div的滚动事件，在ReactJS想要给div添加一个滚动事件，那基本上是添加不上的(可能是我的能力有限吧，反正我到目前为止，还没有找到可以直接给DIV添加滚动事件的）。

• 要想实现滚动，那就必须得componentWillMount里注册scroll事件， window.addEventListener(‘scroll’, this.onScroll.bind(this))，添加事件非常容易的就添加上了。

• 在componentWillUnmount 里删除 window.removeEventListener(‘scroll’, this.onScroll.bind(this)) 。

• 添加容易，删除难，上面那种 remove是删除不了的。在其它页面里，如果你滚动也会触发 onScroll里的事件，此时就会报错，说组件已经卸载，不能进行操作，检查一下代码等等吧。

• 我想肯定有遇到了，也有解决的办法，果真找到了一篇文章移除 scroll 办法的。文章标题是：removeEventListener的差评 非常感谢这位提供的办法。

代码如下：

componentDidMount() {
    regScroll(this.handler.bind(this));
    //window.addEventListener('scroll', this.handler.bind(this),false)
}

componentWillUnmount() {
    window.onscroll = '';
    //window.removeEventListener('scroll', this.handler.bind(this),false)
}
  //添加事件监听
function regScroll(myHandler) {
    if (window.onscroll === null) {
        window.onscroll = myHandler
    } else if (typeof window.onscroll === 'function') {
        var oldHandler = window.onscroll;
        window.onscroll = function () {
            myHandler();
            oldHandler();
        }
    }
}
//删除所有事件监听
function removeScrollHandler(){
  window.onscroll=''
}