滚动到底部响应事件

css：

#box {
    width: 200px;
    height: 100px;
    overflow-y: auto;
}

 

javascript：

$(function () {
    $("#box").scroll(function () {
        if ($(this).scrollTop()>($("#box>ul").outerHeight(true)-$(this).height())-5) {
            alert("Y");    
        }
    })
})

 

html：

<div id="box">
    <ul>
        <li>这是第1行。</li>
        <li>这是第2行。</li>
        <li>这是第3行。</li>
        <li>这是第4行。</li>
        <li>这是第5行。</li>
        <li>这是第6行。</li>
        <li>这是第7行。</li>
        <li>这是第8行。</li>
        <li>这是第9行。</li>
        <li>这是第10行。</li>
        <li>这是第11行。</li>
        <li>这是第12行。</li>
        <li>这是第13行。</li>
        <li>这是第14行。</li>
        <li>这是第15行。</li>
        <li>这是第16行。</li>
        <li>这是第17行。</li>
        <li>这是第18行。</li>
        <li>这是第19行。</li>
        <li>这是第20行。</li>    
    </ul>
</div>