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
})
}否则如果(st lastScrollTop=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
})
}