onScroll事件不会在Android默认浏览器上触发

时间:2013-11-11 09:31:28

标签: html mobile-browser onscroll

我做了一个水平列表。并在列表中设置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事件? (使用水平滚动时)

0 个答案:

没有答案