jquery判断滚动条与头部距离

jquery判断滚动条与头部距离,第1张

你这个肯定不行啊,你在页面加载完成后就立即进行了判断,这个时候滚动条距离顶部为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+滚动条滚动等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9590681.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存