麻烦老师回答一个关于scrollTop的问题

麻烦老师回答一个关于scrollTop的问题

我用视频中老师的$('body').scrollTop();无法获取到高度,一直是0,

通过查询说指定DTD文档说明,需要用$('html').scrollTop();没指定用$('body').scrollTop();

我用了$('html').scrollTop();的确获取到了,可到底怎么判断DTD文档是否被指定?

http://img1.sycdn.imooc.com//climg/5f228a56095b283602260087.jpg

<!DOCTYPE html>文档说明啥的都没写,不像HTML4那样有一长串,也算规定了吗?

问答里我看老师用了$('html,body').scrollTop();是jquery已经处理好兼容了吗?html能用就用,不能用就body?

还有我看$(window).scrollTop();效果和$('html,body').scrollTop,到底有何区别呢?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于同学的问题回答如下:

1、这个是跟浏览器有关的。因为不同的浏览器将scrollTop设置在不同的元素(body或html)上,所以为了兼容不同的浏览器,可以写成$('body,html').scrollTop(),哪个能获取到就用哪个。

2、DTD同学了解下即可,记住这些特定的方法,在用的时候记得处理兼容性就行了。<!DOCTYPE html>并没有声明这些内容。

3、是的,jq已经做了处理,哪个获取到结果就用哪个:

http://img1.sycdn.imooc.com//climg/5f22948609f244fa07670082.jpg

4、$(window).scrollTop()不存在兼容性,同学可以理解为是html、body的合体。

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师