老师,我把页面拉到底部的top和windowHeight值打印出来了,值好像不太对。

老师,我把页面拉到底部的top和windowHeight值打印出来了,值好像不太对。

老师,前面的方案没有解决问题。我把页面拉到底部的top和windowHeight值打印出来了,值好像不太对。麻烦再帮我看看,我还是不知道什么原因……

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

正在回答 回答被采纳积分+1

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

2回答
好帮手慕糖 2019-11-15 18:14:30

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

1、这只是老师用的一个判断条件,还有其他很多种情况的,若是同学有其他思路也可以尝试下。这里主要是理解滚动高度这个的使用哦。

2、可以使用offsetTop。

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

好帮手慕糖 2019-11-15 14:23:58

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

1、这个值打印是没有错的。top获取的是滚动条滚动过的高度。windowHeight获取的是窗口的高度。

可以结合如下理解:窗口的高度正常是不变的(除非像之前操作的时候,打开控制台,或者缩小页面);滚动的高度,开始是没有的(默认是从顶部开始先的),拖拽滚动条,才有了这个高度,所以随着往下拉的过程,值也会不断变大。

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

2、但是由于设备的不同,分辨率不同,所以这个窗口的大小也不一致,老师这个测试windowHeight/3是可以的,不过,看同学的这个值,建议设置windowHeight/4;

这里主要是学习下思路。一般设置的时候,建议:直接将“返回顶部”的箭头,固定到页脚就可以了。

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

  • 提问者 陈莺莺呀 #1
    老师,改成windowHeight/4,成功解决问题。 另外我还想问下:为什么判断条件是(滚动条滚动过的高度大于窗口)时出现向上箭头,如果是(当前位置距离实际页面顶端的高度大于窗口),是不是更准确一点,那这个当前位置距离实际网页的高度需要怎么获取呢?
    2019-11-15 14:40:34
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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