<!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>
分享到：
相关推荐
JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...
删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码...
JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换...
JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改...
总结以上，本文介绍了如何使用JavaScript监听DOM元素的大小变化，讲解了场景和原理，并通过示例代码展示了一种可能的实现方法。这对于Web前端开发者来说是一个非常实用的技巧，有助于开发出更加动态和适应不同显示...
### DOM4J 示例详解 #### 一、DOM4J简介 DOM4J（Document Object Model for Java）是一款用于处理XML的高效、灵活且易于使用的Java库。它支持DOM、SAX、JDOM等多种模型，并提供了丰富的API来创建、读取、修改和...
**JS操作DOM元素属性和方法大全** 在JavaScript中，DOM（Document Object Model）是一种标准，用于表示HTML或XML文档的结构，并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口，使得JavaScript能够读取、...
这个“dom4j示例”压缩包很可能是包含了一些示例代码，帮助学习者理解DOM4J的工作原理和常用操作。 DOM4J的核心概念包括元素（Element）、属性（Attribute）、文本（Text）以及命名空间（Namespace）。在XML文档中...
这个"dom4j练习示例(备忘用)"压缩包很可能是包含了一些代码示例，帮助学习者理解和掌握DOM4J的核心功能。 在DOM4J中，XML文档被表示为一个树形结构，根节点是Document对象，而其他元素、属性、文本等都是其子节点。...
本文档详细介绍了Vue中如何监听DOM元素大小的变化，尤其当DOM元素的宽度发生变化时，如何通过特定的监听器来响应这些变化。文档中提出了一种常见的Web界面布局问题，即左边的菜单栏缩小，而右边内容区域的宽度需要...
虽然`Renderer2`不是用来监听DOM加载，但你可以在`ngAfterViewInit`等适当的生命周期钩子中使用它来处理DOM元素。 3. **MutationObserver**： 如果你需要更细粒度的DOM变化监听，可以使用浏览器原生的`...
在JavaScript和jQuery的世界里，有时候我们需要监听DOM元素的尺寸变化，以便在元素尺寸改变时执行特定的操作。jQuery的`resize`事件通常用于监听窗口大小的变化，但jQuery还提供了一种扩展，使得我们可以将`resize`...
使用 ref 属性获取 DOM 元素内容有很多好处，例如可以方便地对 DOM 元素进行操作、获取其属性、监听其事件等等。但是，需要注意的是，ref 属性只能在组件 mounted 之后才能生效，因此，在使用 ref 属性之前，需要...
### DOM4J用法示例详解 #### 一、引言 在Java开发中，DOM4J是一个非常流行且强大的轻量级XML处理框架。它提供了简单易用的API来读取、创建、修改和删除XML文件。DOM4J不仅支持DOM标准，还支持XPath查询语言，使得对...
标题"unigrid添加html5 dom元素.rar"暗示了这个压缩包可能包含一个教程或代码示例，指导如何在使用Unigrid组件的Delphi项目中集成HTML5 DOM元素。Unigrid是Delphi中用于显示和编辑表格数据的第三方组件，它允许...
1. **Intersection Observer API**：此API监听DOM元素是否进入或离开视口，当元素可见时，触发回调函数。插件很可能利用此API来判断元素是否在视口内。 2. **CSS动画**：CSS3提供了丰富的动画功能，如`@keyframes`...
**DOM4J教程详解与示例程序解析** DOM4J是一个强大的Java库，它提供了灵活且高效的处理XML文档的能力。这个教程将深入介绍DOM4J的核心概念，操作XML的常见方法，以及如何通过示例程序来实践这些知识。 1. **DOM4J...
根据JavaScript DOM 编程艺术这本书之前所介绍的内容，做的本书最后的一个综合简单示例