在移动Safari中向下滚动时执行操作

Question

在我建立的网站中，我设置了当用户向下滚动标题时淡出到零不透明度的位置。我想在移动Safari中发生同样的事情，但我使用的JS似乎并不适用于移动设备。

function EasyPeasyParallax() {
   scrollPos = $(document).scrollTop();
    $('#header').css({
        'opacity': 1-(Math.min(scrollPos/70,1))
    });
};



 $(function(){
    $('body').bind('mousewheel',EasyPeasyParallax);
});

Answer 1

看起来这实际上是可能的！

http://wicky.nillia.ms/headroom.js/

Answer 2

您应该使用.on('scroll',EasyPeasyParallax)。但是，这在移动Safari中不起作用，因为移动Safari仅在滚动完成时触发滚动事件。所以我相信目前在移动游猎中没有简单的方法来实现这种行为。