$(function(){
$(window).scroll(function(){
if(arrviedAtBottom()) {
//...已到达最底部
}
});
var arrivedAtBottom = function () {
return $(document).scrollTop() + $(window).height() == $(document).height();
}
});
另转载@龙城野火提供的原生js写法(原文链接:http://blog.sina.com.cn/s/blog_4b67d3240100rhkh.html):
function reachBottom() {
var scrollTop = 0;
var clientHeight = 0;
var scrollHeight = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (document.body) {
scrollTop = document.body.scrollTop;
}
分享到:
相关推荐
jQuery鼠标滚动条到页面底部浮动层滑动弹出信息 jQuery鼠标滚动条到页面底部浮动层滑动弹出信息
jquery鼠标滚动全屏页面滚动切换效果 jquery鼠标滚动全屏页面滚动切换效果
网页模板——jQuery实现滚动到网站页面底部动画弹出对话框
jquery滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能,他能帮助新手和高级开发者们创造美好的用户体验。 jquery滚动到顶部底部仅向上效果: 点击查看演示: jquery滚动到顶部...
jQuery支持鼠标滚动的时间轴页面,引入时间轴插件、鼠标滚动插件mousewheel和动画插件jquery.easing.js
jQuery滚动到页面底部后数字从0开始滚动到指定数字文字特效代码,包括小数点实现滚动,都可以实现你想要的效果!
jQuery全屏页面滚动效果页面上下滚动效果代码jq插件
jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip
jQuery实现滚动到网站页面底部动画弹出对话框.zip
jQuery fullpage插件鼠标滚动全屏页面预览特效
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件。首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。 首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。 ...
多个插件交互起来的jquery鼠标自定义滚动条效果,支持鼠标向左或者向下滑动滚动
jQuery实现鼠标滚动页面数字增加动画特效源码.zip
jQuery支持鼠标滚动的垂直滚动手风琴
笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前,笔者这里先介绍几个概念。 $(window).height(); //用于获取浏览器显示区域的高度 $(window).width(); //用于获取浏览器...
jquery仿新浪微博鼠标滚动到底部加载内容
主要介绍了jQuery实现判断滚动条到底部的相关资料,需要的朋友可以参考下
主要介绍了jQuery实现判断滚动条滚动到document底部的方法,结合实例形式分析了jQuery事件响应及针对页面元素属性判断的相关操作技巧,需要的朋友可以参考下