当用户向下滚动页面时，我在nav元素上使用了一个简单的jQuery fadeIn。我也在使用基于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);
}
}