监听滚动条js的操作
来源:互联网 发布:上瘾网络剧发布会视频 编辑:程序博客网 时间:2024/05/18 01:07
function getScrollTop(){
var scrollTop;
var bodyScrollTop,documentScrollTop;
if (document.body) {bodyScrollTop = document.body.scrollTop};
if (document.documentElement) {documentScrollTop = document.documentElement.scrollTop};
scrollTop = (bodyScrollTop - documentScrollTop)?bodyScrollTop:documentScrollTop
return scrollTop;
}
//浏览器视口的高度
function getwindowHeight(){
var windowHeight =0;
if (document.compatMode =="CSS1Compat")
{
windowHeight = document.documentElement.clientHeight
}else{
windowHeight = document.body.clientHeight;
}
return windowHeight;
}
//文档的总高度
function getscrollHeight(){
var scrollHeight;
var bodyScrollHeight,documentScrollHeight;
if (document.body) {bodyScrollTop = document.body.scrollHeight};
if (document.documentElement) {documentScrollTop = document.documentElement.scrollHeight};
scrollHeight = (bodyScrollHeight - documentScrollHeight)?bodyScrollHeight:documentScrollHeight
return scrollHeight;
}
//监听事件
$(window).on("scroll", function(){
//函数内判断,距离底部50px的时候则进行数据加载
if (getScrollTop() + getWindowHeight() + 50 >= getScrollHeight()) {
//Ajax异步加载新数据
}
});
0 0
- 监听滚动条js的操作
- 滚动条的监听事件。
- js监听滚动条滑动到底部
- js监听滚动条向上还是向下
- html中滚动条的监听
- 监听滚动条事件
- 监听滚动条事件
- JS控制滚动条滚动的位置
- extjs/jquery/js 操作页面滚动条
- js操作滚动条事件实例
- vue.js监听滚动条加载更多数据
- 操作div 的滚动条
- python selenium,PhantomJS运用 抓取滚动条滚动加载的页面, js动作操作,模拟登陆
- js监听滚动条事件和获取浏览器及屏幕高度和宽度等信息的方法
- 【js】通过js或者jQuery操作滚动条
- js 监听滚动事件
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- Vue组件基础
- hdu 2043 密码
- struts2总结
- MFC窗口自适应比例缩放
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 监听滚动条js的操作
- Revit API 开发 (2): 显示选中的图元(element)
- 如何将list类型的数据转换成json格式在服务器端
- hibernate总结
- 神经网络和深度学习简史(二)
- Python3爬虫(一)抓取网页的html
- vim addon manager
- 【Java】第1讲:面向对象
- Android屏幕相关知识总结