滚动条上拉到底部和下拉到顶部事件监听

<div id="scroll1" class="mui-scroll-wrapper mui-fullscreen">  
    <div class="mui-scroll">  
        <ul class="mui-table-view">  
            <li class="mui-table-view-cell">第一个选项卡子项-1</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-2</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-3</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-4</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-5</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-6</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-7</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-8</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-9</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-10</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-11</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-12</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-13</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-14</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-15</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-16</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-17</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-18</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-19</li>  
            <li class="mui-table-view-cell">第一个选项卡子项-20</li>  
        </ul>  
    </div>  
</div>  
<script>  
document.getElementById("scroll1").addEventListener("scrollbottom",function(e){  
    console.info("上拉到底部")  
});  
document.getElementById("scroll1").addEventListener("scroll",function(e){  
    console.info("scroll")  
    if(e.detail.lastY == 0){  
        console.info("下拉到顶部")  
        console.info("lastY:"+e.detail.lastY)  
        console.info("maxScrollY:"+e.detail.maxScrollY)  
    }else if(e.detail.lastY > 0){  
        console.info("下拉超过顶部")  
        console.info("lastY:"+e.detail.lastY)  
    }  
});  
</script>