taro h5页面监听不了滚动scroll事

[lixsh8]

问题描述
在h5环境下，在页面的componentDidMount中兼容window的滚动事件不执行，而touchend事件会执行

复现步骤

1. 在页面的componentDidMount中兼容window的滚动事件不执行，而touchend事件会执行

componentDidMount() {
    // scroll事件不会执行
    window.addEventListener(
      "scroll",
      function() {
        console.log('scroll');
       
      }.bind(this),
      false
    );
    // touched事件会执行
    window.addEventListener(
      "touchend",
      function(e) {
        console.log('touchend');
       
      }.bind(this),
      false
    );
 }

期望行为
能监听页面的滚动事件

报错信息
无，能打印touchend，打印不出scroll

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

• 操作系统: [e.g. Windows 10]
• Taro 版本 [e.g. v.1.2.13]
• Node.js 版本 [e.g. v10.15.1]
• 报错平台 [h5]

补充信息
无

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[jinjinjin0731]

你的页面高度是多少

[lixsh8]

html,body,#app是100% ip6 667

[luckyadam]

你的页面够高么，出滚动条了么

[lixsh8]

有滚动条

[lixsh8]

里面内容高度是3570

[schinvendy]

试下对.taro-tabbar__panel进行监听

[lixsh8]

@schinvendy 居然能触发，你也是这样做的吗？

[schinvendy]

@schinvendy 居然能触发，你也是这样做的吗？

是的，之前做H5的刷新和滚动加载时发现直接在windows上监听事件无效，观察下H5的html结构后就对.taro-tabbar__panel进行监听来实现了。

[lixsh8]

@schinvendy taro_router这样就相当于文档的高度了是吧。taro-tabbar__panel相当于window屏幕的高度，通过taro-tabbar__panel.scrollTop+taro-tabbar__panel.offsetHeight>=taro_router-100就相当于滚动到底部

[daijiaoluoxinghui]

document.body.addEventListener("scroll",this.scrollpage)

这个可以