淡入淡出的滚动不工作在移动

Question

我在用户向下滚动页面时在导航元素上使用简单的jQuery淡入淡出。我也使用基于JavaScript动画的插件skrollr。在这里你可以看到我的网页，我已经上传的文件到服务器：

http://www.unf.edu/~n00804716/my-site/

正如你可以在桌面大小浏览器中看到，当您滚动动画开始基于视窗的滚动点。 RGB圆圈旋转，一旦动画完成旋转和淡出，导航将淡入。由于某些原因，这只能在大屏幕上工作。该动画正在移动，但资产净值不褪色在这里是我的脚本我使用淡入的资产净值一旦动画完成：

$(window).on('scroll', onScroll); 
    function onScroll() { 
     if ($(document).scrollTop() > window.innerHeight) { 
      $(".click").fadeIn(700); 
      $("#logo").hide(); 
     } else { 
      $(".click").fadeOut(700); 
     } 
    } 

Answer 1

在移动设备上，您可能需要调用事件有所不同：

jQuery live scroll event on mobile (work around)