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

在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

创新互联建站是创新、创意、研发型一体的综合型网站建设公司，自成立以来公司不断探索创新，始终坚持为客户提供满意周到的服务，在本地打下了良好的口碑，在过去的十余年时间我们累计服务了上千家以及全国政企客户，如葡萄架等企业单位，完善的项目管理流程，严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称誉。

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

实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。

第二部分，jquery判断滚动条到底部并加载数据的方法。

jquery如何让滚动条滚动到最底部

1、思路：在jqgrid数据表的底部设置个锚点，每次数据加载后通过 JS focus 到锚点就可以实现。

2、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。

3、前置条件：div作为盒子限制高度，并设置overflow：auto。

4、(selector).scrolltop(offset)可以设置滚动条位置。

jquery获取元素到屏幕底的可视距离

(obj).offset().top - $(window).scrollTop()。拓展：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

有的，jquery有getboundingclientrect方法。getBoundingClientRect用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离（不包含文档卷起的部分）。

在index.html中的标签，输入jquery代码：(body).append($(div).offset().top - $(window).scrollTop())；浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

ajax在jquery的底层是怎么实现的呢?

该方法是 jQuery 底层 AJAX 实现。 通常的语法为： $.ajax([settings])//settings是$.ajax()方法的参数，是用于配置 Ajax 请求的键值对集合。

Ajax请求jQuery.ajax(options)通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get，.post 等。.ajax()返回其创建的XMLHttpRequest对象。

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get， $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。

名称栏目：至底jquery 至底层
转载来源：http://ybzwz.com/article/dgcpijj.html