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