我们都知道jquery用着比原生的JS要方便很多,但有一些方法还是有一些差别的,下面记录一下我在做全屏滚动的时候遇到的scrollTop的问题:
正常情况下,scrollTop()和document.body.scrollTop获取到的值是一样的,因为scrollTop()就是document.body.scrollTop封装得来的。
但是在整屏滚动的页面上,两者的值却是不同的:
当我们刷新页面的时候,在不执行滚动事件时,jQuery的scrollTop()的值一直等于0;但是,JS原生的document.body.scrollTop 却可以获取到当前页面被卷去的高度。
也就是说,scrollTop()只有触发滚轮事件才可以获取到值;document.body.scrollTop 却是不用事件驱动也能获取到值的。
原生JS的兼容性:document.body.scrollTop //非IE
document.documentElement.scrollTop //IE
详细解决方案
scrollTop()和document.body.scrollTop的区别
热度:88 发布时间:2023-12-06 22:54:53.0
相关解决方案
- jquery中$(document).ready(function()是jquery开始要写的一句话,javaWeb项目中,这句话什么时候开始实施呢
- jsp div嵌套jsp body onload()不起作用,该怎么解决
- document.form1.submit() 揭示拒绝访问
- document.all的用法,该如何处理
- jsp页面关于document.body.scrollTop和document.documentElement.scrollTop的区别。解决方法
- document.getElementById(。)对象不存在,该如何解决
- document.getElementById与lhgdialog.js冲突,导致JS异常
- document.writeln解决办法
- document.getElementById("input").checked;转换成Jquery,如何写
- 图片超出了 body{} 的范围
- 无刷新更换验证码图片"onclick="document.getElementById('ImgCode').src='./VerifyCode.aspx'"无效,该怎么处理
- 怎么自动执行<a href="document.html" target="parent">my document</a> 呢
- 讯息: 'document.form1.xclassid' 为空或不是对象
- 怎么根据字符串构造 document 对象
- asp.net做动态菜单出现document.all.item1.style.top=parseInt(document.all.item1.style.to),该怎么解决
- document.writeln解决方法
- <100分><100分><100分><100分><100分><100分><100分><100分><100分><100分><100分><100分>怎么在后台给<body>添加onKeyDown="ShowInfo()"
- document.write()不覆盖其它元素,该怎么解决
- 请教 怎么在后台给 <body> 增加客户端事件 例如:<body onload="alert('')"
- Microsoft JScript 运行时异常: 'document.getElementById(.)' 为空或不是对象
- 2003转2005的有关问题 <body MS_POSITIONING="GridLayout">
- 问在线编辑WORD(SharePoint.Document),非正常退出WORD时(比如结束进程),第二次打开就显示已被用户锁定.请教如何解决
- 郁闷、难过啊一个关于JS跨页面访问的有关问题,'Parent.top_frame.document.all.T1 '为空或不是对象
- document.getElementById("TextBox")解决办法
- 服务控件 当按下回车时触发的有关问题 提示:"Microsoft JScript 运行时异常: 'document.all[.]' 为空或不是对象"
- 急200分!有没有高手! 通过后台代码向<body>标签中添加属性!解决方案
- document.GetElementById('PIDIn').select()对象不支持此属性或方法?该如何处理
- document.write(str);的有关问题
- 如何把大量的数据赋给mail.body。显示成类似记录详细列表的格式
- 求javascript的保留代码: document.execCommand