css 如何使“onScroll”在某一点停止

zbdgwd5y  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(131)

我想做一个菜单,这是6度旋转,它将得到0度,因为它达到顶部的用户滚动,然后当它在顶部,我想让它坚持在顶部
有没有可能在elementor pro里做?
还是借助JS CSS Html?

windows.onscroll = function () {
    scrollRotate();
};

function scrollRotate() {
    let image = document.getElementById("reload");
    image.style.transform = "rotate(" + window.pageYOffset/10 + "deg)";
}

上面的代码运行良好,但是我想在重载元素到达顶部时停止scrollRotate函数。
我希望我的菜单粘在上面,因为它得到了顶部与scoll。但同时我希望它得到从6度旋转到0度旋转

hts6caw3

hts6caw31#

你可能想看看**滚动动画(AOS)**javascript库。它真的很方便,也很容易理解。而不是创建你自己的计算。
Link

相关问题