使滚动效果更流畅(移动)

时间:2014-06-05 21:38:11

标签: javascript jquery mobile greensock

我正在制作一个网页设计组合,我正在使用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}});
    }
});

0 个答案:

没有答案