你可以帮帮我吗。 我怎样才能使实时变化的价值？

Question

I have a code:

var appearScroll = function(){
    let fline = document.getElementById("skills__listone");
    var skills = document.getElementById("skills");
    var baselocation = 0;
    fline.style.opacity = 0;
    var distance = window.pageYOffset;
    window.addEventListener("scroll", function(){
        for (i = 0 ; i < 800; i++){
            i = distance;
            console.log(distance);
        }
    })

As you can see, I sent the value of variable to the console log and it should change, when I scroll. But it doesn't work, and the value changes only when I refresh the page.

Answer 1

Assuming you invoke the appearScroll function somewhere, this function only ever reads the value of window.pageYOffset once . Then on the scroll event your event handler function logs that one value to the console (up to 800 times for some reason?).

In order to read a new value in the scroll event, you have to read that value in that event handler. For example:

window.addEventListener("scroll", function(){
    console.log(window.pageYOffset);
})

(Logging the same value 800 times also seems unnecessary of course. Though I suppose it's not entirely clear to me what you're trying to do with the various other values involved that aren't being used.)