`

利用JS,如何判断滚动条是否滚动到页面最底部

    博客分类:
  • JS
阅读更多
兼容 IE和chrome

<script type="text/javascript">

	window.onscroll=function(){
	
		var a = document.documentElement.scrollTop==0? document.body.clientHeight : 				document.documentElement.clientHeight;
	
		var b = document.documentElement.scrollTop==0? document.body.scrollTop : 				document.documentElement.scrollTop;
	
		var c = document.documentElement.scrollTop==0? document.body.scrollHeight : 				document.documentElement.scrollHeight;

	
		if(a+b==c&&b!=0){
			//do something	
		}
	
}

</script>
分享到:
评论

相关推荐

    判断滚动条是否滚动到底部以及判断页面数据是否修改

    总的来说,"判断滚动条是否滚动到底部"和"判断页面数据是否修改"是前端开发中的基础任务,涉及了事件处理、DOM操作以及兼容性处理等多个方面。通过理解并熟练运用这些知识点,开发者可以创建出更加智能和响应式的...

    js判断滚动条是否已到页面最底部或顶部实例

    以下将详细介绍如何使用JS判断滚动条是否已经到达页面的底部或顶部。 首先,我们需要理解几个关键的概念: 1. `document.documentElement`: 这个对象代表HTML元素,即整个HTML文档的根元素。 2. `clientHeight` 和 ...

    js实现的判断滚动条是否到底部的特效源码.zip

    js实现的判断滚动条是否到底部的特效源码是一段可以判定有没有浏览到网页最底部的效果代码,将网页拖动或利用鼠标滚轮滚动到最底部后,页面中就会提示一段“滚动条,已经到底部了!”的提示语,本段代码适应于所有...

    JS控制滚动条自动向下滚动

    在JavaScript(JS)编程中,控制滚动条自动向下滚动是一种常见的需求,特别是在实时聊天、论坛或者日志更新等场景中,我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能,以及...

    JS实现判断滚动条滚到页面底部并执行事件的方法

    以下是一个使用jQuery来实现当滚动条滚动到页面底部时执行特定事件的示例代码: ```javascript scrollBottomTest = function() { $("#contain").scroll(function() { var $this = $(this), viewH = $this.height...

    页面滚动到底部自动加载数据

    `$(document).height()`获取文档总高度,`$(window).height()`获取窗口可视区域高度,以及`$(window).scrollTop()`获取滚动条距离顶部的距离,这些方法共同构建了判断是否到达底部的条件。 ### 3. 实现原理 当用户...

    移动端html5判断是否滚动到底部并且下拉加载

    如何判断滚动是否滚动到了底部? 首先要了解的知识 scrollHeight,clientHeight,scrollTop scrollHeight 只读属性,高度包括所有内容,包含内边距,但不把水平滚动条、边框和外边距算在内。 clientHeight 也是只读...

    将滚动条(scrollbar)保持在最底部的方法.html

    将滚动条(scrollbar)保持在最底部的方法.html

    滚动条到底部时自己加载新的内容

    2. **滚动位置判断**:在事件处理函数中,我们需要判断滚动条是否到达了页面底部。这通常通过比较滚动条的位置(`window.scrollY`)与文档的总高度(`document.documentElement.scrollHeight`)来实现。如果两者相差...

    滚动条到底部弹出div

    当滚动条达到底部时,我们可以检查`window.innerHeight`(窗口可见高度)、`document.body.scrollHeight`(文档总高度)和`window.pageYOffset`(滚动位置)这三个值来判断是否到达底部。一个简单的判断条件可能是:...

    判断滚动条到底部的JS代码

    判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出...

    js 固定位置的层 不随滚动条滚动

    在网页设计中,"js 固定位置的层 不随滚动条滚动" 是一个常见的需求,主要用于实现诸如固定顶部导航、侧边栏或者底部客服窗口等元素。这些元素在用户滚动页面时始终保持在屏幕的特定位置,提升用户体验,让用户可以...

    javascript获取滚动条高度 页面宽度与高度

    这对于判断是否已经滚动到底部等功能非常有用。 ```javascript function getScrollHeight() { return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); } ``` 此函数返回`document...

    浅析jquery如何判断滚动条滚到页面底部并执行事件

    当滚动条滚动到最底端时,scrollTop的值应该等于offsetHeight减去clientHeight的差值。因此,可以编写如下代码来检测这个条件: ```javascript $(window).scroll(function() { var windowHeight = $(window)....

    阻止滚动条事件冒泡

    总的来说,阻止滚动条事件冒泡是一项常见的前端技术,它可以帮助我们实现更加定制化的滚动交互,比如防止页面整体滚动、在滚动到底部加载更多内容等。通过理解和应用`event.stopPropagation()`,我们可以更好地控制...

    vue 纯js监听滚动条到底部的实例讲解

    1、怎样用纯js判断滚动条是否到底部? 先了解几个关键词: (1)滚动条到顶部的位置:scrollTop (2)当前窗口内容可视区:windowHeight (3)滚动条内容的总高度:scrollHeight 触发监听的函数是: [removed] = ...

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    ElementUI 滚动条点击 DOM 元素滚动到指定位置的实现细节需要考虑多个方面,包括滚动条的状态、事件处理函数和动画效果。通过使用 ElementUI 的滚动条组件和 Vue.js 的 Composition API,我们可以快速实现滚动条的...

    vue监听 vue实时监听窗⼝滚动条

    判断滚动条是否滚到底部,需要用到`scrollTop`、`clientHeight`和`scrollHeight`这三个DOM属性。当`scrollTop`加上`clientHeight`等于`scrollHeight`时,表示滚动条已经到达底部。代码如下: ```javascript let ...

    html_javascript_监听滚动条demo

    在JavaScript中,`window`对象提供了`scrollY`属性,它表示浏览器窗口顶部到文档顶部的距离,也就是滚动条滚动的距离。另外,`document.documentElement.clientHeight`和`document.documentElement.scrollHeight`...

Global site tag (gtag.js) - Google Analytics