收藏 分享(赏)

jquery滚动条监听.docx

上传人:HR专家 文档编号:5934527 上传时间:2019-03-21 格式:DOCX 页数:1 大小:14.67KB
下载 相关 举报
jquery滚动条监听.docx_第1页
第1页 / 共1页
亲,该文档总共1页,全部预览完了,如果喜欢就下载吧!
资源描述

1、首先肯定要思考怎么判断滚动条是否滚动到了底部,要判断滚动条是否滚动到底部需要用到三个属性 clientHeight、scrollTop、scrollHeight,这三个属性分别代表了当前浏览器可视界面的高度、滚动条滚动过的距离(也就是当前 body 滚动过 的距离)、可以 滚动的距离(当前body 的的高度,此处所指的高度不是 说的位置而是一个长 度)。明白了这三个属性的意义,接下来的事情就好 办了,如果画一个图的话可以清楚的发现当滚动条滚到底部的时候,滚动条 滚动过的距离 + 浏览器可视界面的高度 = 可以滚动的距离。这样条件就出来了 clientHeight + scrollTop = s

2、crollHeight。然后就可以在 window 的滚动事件里边添加判断语句了。上代 码:window.onscroll = function () / console.log(“1:“ + $(document).scrollTop();console.log(window.innerHeight);/在谷歌浏览器中请使用 innerHeight 以替换 clientHeightconsole.log($(document).scrollTop();console.log(document.body.scrollHeight);/以上三个属性打印出来之后当滚动条滚到底部 1 + 2 = 3。if(window.innerHeight + $(document).scrollTop() = document.body.scrollHeight)addChildTimer = setInterval(addItems, 500);/滚动完之后的下拉加载,此处只是做了一个简单的实现添加了十个元素。;function addItems() for(var i =0; i + 二级栏目 + );clearInterval(addChildTimer);

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 经营企划

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报