Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript:当窗口到达顶部时_Javascript_Gsap - Fatal编程技术网

javascript:当窗口到达顶部时

javascript:当窗口到达顶部时,javascript,gsap,Javascript,Gsap,当我向下滚动时,代码笔中的此代码用于更改我的div.box的高度。当我反向滚动(向上滚动)时,它也起作用。当我到达窗口顶部时,它似乎不起作用。您知道当窗口到达顶部时,我的代码有什么问题吗?或者,在这三种情况下,如何添加代码才能使其正常工作 这是完整的代码笔,您可以了解我的意思: gsap.set(“.box”{ 变换原点:“左上角” }); var lastScrollTop=0; addEventListener(“滚动”,函数(){ var st=window.pageYOffset |

当我向下滚动时,代码笔中的此代码用于更改我的
div.box
的高度。当我反向滚动(向上滚动)时,它也起作用。当我到达窗口顶部时,它似乎不起作用。您知道当窗口到达顶部时,我的代码有什么问题吗?或者,在这三种情况下,如何添加代码才能使其正常工作

这是完整的代码笔,您可以了解我的意思:

gsap.set(“.box”{
变换原点:“左上角”
});
var lastScrollTop=0;
addEventListener(“滚动”,函数(){
var st=window.pageYOffset | | document.documentElement.scrollTop;
如果(st>lastScrollTop){
//向下滚动代码
gsap.to(“.box”{
斯卡利:.2
})
}否则如果(stlastScrollTop=st您需要首先检查最具体的条件;在这种情况下,您应该首先检查y位置是否为
0
,因为这也将通过检查当前位置是否小于之前的条件来实现

  if(st === 0){
    // when the window reaches the top
    gsap.to(".box", {
      scaleY: 1
    })
  } else if (st > lastScrollTop) {
    // down-scroll code
    gsap.to(".box", {
      scaleY: .2
    })

  } else if (st < lastScrollTop) {
    // up-scroll code
    gsap.to(".box", {
      scaleY: .5
    })
  }