`

DOM元素 onScrollToBottom监听示例

    博客分类：
  • JS
jsscrollbottomhtml 
阅读更多 
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>下拉滚动条滚到底部了吗？</title>
<body>
<div id="div1" style="overflow-y:auto; overflow-x:hidden; height:500px;">
    <div style="background-color:#ccc; height:750px;">IE 和 FF 下测试通过</div>
</div>
<script>
    HTMLElement.prototype.onScrollToBottom = function (callback) {
        var _ele = document.querySelector("#div1");
        if(_ele){
            this.onscroll = function(e){
                if(this.scrollTop + this.offsetHeight >= this.scrollHeight){
                    if(typeof callback == "function"){
                        callback();
                    }
                }
                return false;
            };
        }
    }
    document.querySelector("#div1").onScrollToBottom(function (e) {
        alert("dao di le ");
    })
</script>
</body>
</html>

 

0
顶
0
踩
分享到：
| HTML5 FileReader用法：图片预览、文本文件 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics