
你这个肯定不行啊,你在页面加载完成后就立即进行了判断,这个时候滚动条距离顶部为0。
根本原因是你没有绑定滚动条的滚动事件。
//绑定滚动事件$(document)scroll(function(){
//todo code
});
元素的顶部与父元素的顶部(实际的顶部,不是滚动后的顶部)的距离是 offsetTop,而父元素滚动后的顶部与实际顶部的距离是 scrollTop,所以只要 元素offsetTop-父元素scrollTop,就是元素与父元素滚动后实际可见的那个顶部的距离
<html xmlns=">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "htt p:/ /ww ww3o rg/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="htt p:/ /ww ww3o rg/19 99/xht ml">
<head>
<meta >
1$(window)height();//是文档窗口高度;
2$("div")offset()top//是标签距离顶部高度(没有到下面的距离,比如$("div")offset()down);
3$("div")offset()left//是标签距离右边高度(没有到下面的距离,比如$("div")offset()right);
4$(document)scrollTop();//是滚动条高度;
5$("div")height();//是标签高度。
1jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
2jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件
以上就是关于jquery判断滚动条与头部距离全部的内容,包括:jquery判断滚动条与头部距离、jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!、jQuery当滚动条滚动时 一个元素到浏览器顶部的距离 随滚动条滚动时,到顶部的距离为本身的top+滚动条滚动等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)