我正在制作一个网页设计组合,我正在使用Green Sock动画平台淡出固定在页面顶部的导航元素,最终在滚动时变成侵入性的(这就是为什么我在滚动营销飞溅时淡出它。)
GSAP在淡出它方面表现非常出色,但问题是当用户向下滑动时,触发Tweens非常敏感。
是否存在任何人都知道的方法或技巧,即使用户在滚动过程中没有将手指从屏幕上移开,仍会触发补间?
以下是以下代码,您可以在行动中看到它http://drootech.com
$(window).scroll(function() {
var nav = document.getElementById("navi");
if ($(this).scrollTop() * 0.0623 > 25){
TweenLite.to(nav, 1.5, {css:{autoAlpha:0}});
} else if ($(this).scrollTop() * 0.0623 < 25){
TweenLite.to(nav, 2, {css:{autoAlpha:1}});
}
});