window.scrollY无效

Question

我一直在为我的网站开发javascript，我刚做了一个小测试程序。当我检查控制台时，而不是获得window.scrollY（y）的值，我得到＆＃34; 0＆＃34;在控制台中。我使用Firefox，以防万一。这是我的代码：

var y = window.scrollY;

console.log(y);
print("foo");

window.onscroll=function(event){

    console.log(y);
}

// used to c#, so I made this a function
                - 
function print(word){

    console.log(word);
}

我不确定我在做什么来产生错误，所以如果我得到答案，我将不胜感激。

Answer 1

您在声明之前调用print（）。这可能是错误的根源。尝试删除该行以查看错误是否消失。

Answer 2

此脚本在滚动时给出了scrollY位置

window.addEventListener('scroll',()=> console.log(window.scrollY)
)

Answer 3

也许您的身高标签上有身高：100％。删除它或将其编辑为“最低高度：100％”。

Answer 4

您需要为 body 标签指定 min-height 属性而不是高度。如下图。

min-height: 100vh;

或

min-height: 100%;

它应该可以工作。