手机浏览器渐隐失效

来源：1-4 Vue项目详情页 - 实现Header渐隐渐显效果

Walker游游

2020-05-26 21:39:42

老师，我在Chrome模拟器里，有渐隐效果，但是在手机真机测试时候就失效了。

我在header组件的handleScroll()里打印了document.documentElement.scrollTop的值，然后用vorlon看到，在Chrome模拟器上是有值的，但是在手机端的值一直0。我Caniuse上也查了下，document.documentElement.scrollTop不存在兼容性问题。这是怎么回事，为什么在真机上，document.documentElement.scrollTop的值会一直是0？

写回答

1回答

好帮手慕言

2020-05-27

已采纳

同学你好，建议修改为下方的代码再测试下：

const top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset

如果还是不可以，同学使用的是什么型号的手机？在什么浏览器测试的呢？建议详细描述下。祝学习愉快~

halker游游

h 谢谢老师，后边课程有更正了，已经解决了，是兼容问题。

h020-05-27

共1条回复

0 学习 · 10739 问题

查看课程

相似问题

回答 1

回答 2

渐变没有生效

回答 1

老师为什么我的渐变没效果

回答 1

回答 2

打开慕课网App查看更多内容