JS实现滚动条滚到页面距离底部300px时执行事件的方法
scrollTop为滚动条在Y轴上的滚动距离。
clientHeight为内容可视区域的高度。
scrollHeight为内容可视区域的高度加上溢出(滚动)的距离
$(window).scroll(function(){
  var scrollTop = $(this).scrollTop();
  var scrollHeight = $(document).height();
  var windowHeight = $(this).height();
  if(scrollHeight-scrollTop-windowHeight <=300){
		//当滚动条滚动到距离底部还有300px的时候加载类容
  }else{
    //当滚动条滚动到距离底部大于300px的时候加载类容
    }
});
JS实现滚动条滚到页面距离底部300px时执行事件的方法的更多相关文章
- 设置一个div网页滚动时,使其固定在头部,当页面滚动到距离头部300px时,隐藏该div,另一个div在底部,此时显示;当页面滚动到起始位置时,头部div出现,底部div隐藏
		
设置一个div网页滚动时,使其固定在头部,当页面滚动到距离头部300px时,隐藏该div,另一个div在底部,此时显示: 当页面滚动到起始位置时,头部div出现,底部div隐藏 前端代码: <! ...
 - 在Angular.js中的H5页面调用Web api时跨域问题处理
		
/// <summary> /// 被请求时 /// 在Angular.js中的H5页面调用Web api时跨域问题处理 /// </summary> /// <para ...
 - ListView组件中 onEndReached 方法在滚动到距离列表最底部一半时执行
		
初次使用ListView,在写列表滚动到最底部自动加载使用到方法onEndReached, 发现: ListView组件中 onEndReached 方法在滚动到距离列表最底部一半时执行, 于是翻看文 ...
 - js文件需要jsp页面中的div时,此js文件必须在div之后才能获得值,否则获取不到
		
js文件需要jsp页面中的div时,此js文件必须在div之后才能获得值,否则获取不到 2.图2的内容为directionkey.js的内容
 - JS实现判断滚动条滚到页面底部并执行事件的方法
		
需要了解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那 ...
 - jquery如何判断滚动条滚到页面底部并执行事件
		
首先理解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那 ...
 - selenium + python 怎样才能滚到页面的底部?
		
可以用 execute_script方法来处理这个. 调用原生javascript的API,这样你想滚到哪里就能滚到哪里. 下面的代码演示了如何滚到页面的最下面: driver.execute_s ...
 - jQuery判断滚动条滚到页面底部脚本
		
原文地址 http://www.111cn.net/wy/jquery/61741.htm
 - js 判断滚动条是不是在浏览器底部
		
http://jingyan.baidu.com/album/86f4a73e91da7837d65269d5.html?picindex=2
 
随机推荐
- [原创]Devexpress XtraReports 系列 10 创建标签报表
			
今天这篇是Dx Reports 基础初级系列的最后一篇了.以后如果有什么高级的应用,应该另开一个中级使用系列. 昨天发表了Devexpress XtraReports系列第九篇[原创]Devexpre ...
 - http://acm.hdu.edu.cn/showproblem.php?pid=2579
			
#include<stdio.h> #include<string.h> #include<queue> #define N 110 int m, n, k, x1 ...
 - java进程状态
			
A thread state. A thread can be in one of the following states: NEWA thread that has not yet started ...
 - Spring JTA应用JOTM & Atomikos II JOTM
			
上节建立了一个简单的Java Application以及所需要的数据库和数据表,本节将介绍JOTM在Spring中的配置. JOTM(Java Open Transaction Manager)是Ob ...
 - C++、GDAL创建shapefile文件
			
源代码网址:http://download.csdn.net/detail/ivanljf/5834823 一.先贴出第一段代码: #include "ogrsf_frmts.h" ...
 - ASP.NET|跳转(redirect)到其它站点,提示:当前线程终止。
			
在XAF中,如果使用HttpContext.Response.Redirect()进行跳转,会出现”当前线程终止“的报错,跳转失败. 这时候,应该改用WebApplication.Redirect() ...
 - MFC非模态对话框中屏蔽ESC键
			
个人的编程经验认为:对于非模态对话框,按下ESC键和点击红叉都会响应OnCancel()函数,而不会去响应OnClose()函数. 我们都知道,如果想屏蔽Enter键,只须重写OnOK()函数即可(重 ...
 - 【转】如何分析解决Android ANR
			
来自: http://blog.csdn.net/tjy1985/article/details/6777346 http://blog.csdn.net/tjy1985/article/detail ...
 - Flex编程注意之直接获取某个组件的对象(this[]用法)通过id获取控件
			
有这样一个需求:假如你new了一百次Button,同时这些button的id分别赋值如btn1.id = "button1"; btn2.id = "button2&qu ...
 - How a non-windowed component can receive messages from Windows -- AllocateHWnd
			
http://www.delphidabbler.com/articles?article=1 Why do it? Sometimes we need a non-windowed componen ...