var windowHeight = $(window).height();

var windowHeight = $(window).height();

http://img1.sycdn.imooc.com//climg/60a20b000927bb8f08940802.jpg

http://img1.sycdn.imooc.com//climg/60a20b3209e4c82c06081220.jpg

问题描述:

这里面top高度永远没有windowHeight的高,导致a标签没办法显示出来,请问是浏览器问题嘛?我的是mac电脑,用的谷歌浏览器。


正在回答

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

2回答

同学你好,其实主要是页面的高度,如果分辨率大就与页面高度越接近,分辨率越小,差距越大。我们可以判断视口高度和页面高度,参考:

http://img1.sycdn.imooc.com//climg/60a24ed9092dcb5707120618.jpg

如果页面高度小于视口高度乘以2,说明页面滚动不了一屏,然后进行相应的操作;如果大于两屏的话,再进行对应的操作。

自己可以改变html高度来测试,祝学习愉快!

好帮手慕星星 2021-05-17 16:29:55

同学你好,可能是显示器分辨率问题。分辨率越大,高度越大,top值低于高度。建议将控制台打开,让视口高度变小,例如:

http://img1.sycdn.imooc.com//climg/60a225ce09dccf7319110527.jpg

或者修改条件,将视口高度除以数字(合适就好),例如:

http://img1.sycdn.imooc.com//climg/60a22939092ea27606930286.jpg

祝学习愉快!

  • 提问者 steven慕哥哥 #1

    其实我想要知道怎么样用代码做兼容性适配呢?比如在分辨率低的就采用某个值,分辨率高的采用另外一个值。

    2021-05-17 16:37:30
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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