html - onScroll 事件不会在 android 默认浏览器上触发

Question

我做了一个横向列表。并在列表上设置 onScroll 事件。

它在 chrome 浏览器上运行良好。但不在android默认浏览器上。

mycodes 在下面，

HTML

<ul id="menu-list">
  <li class="menu-page">
    <div class="menu-div">width 100% div</div>
  </li>
  <li class="menu-page">
    <div class="menu-div">width 100% div</div>
  </li>
  ...
</ul>

CSS

body, html {
  margin:0;
  width: 100%;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu-list {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.menu-div {
  display: inline-block;
  width: 100%;
  height: 300px;
  background: red;
}

.menu-page {
  display: inline;
  width: 100%;
}

JS

$(document).ready(function() {
  $("#menu-list").on('scroll', function(){
    //event fired
  });
});

如何在 android 默认浏览器上接收 onScroll 事件？（使用水平滚动时）