Hey there, it's been about four hours and I'm hitting a wall. On my website (), the left-hand menu fades out as you scroll down, just as I intended. Now, I need some help getting the menu to fade back in when the user either reaches the bottom of the page or clicks on the "Return to top" button near the bottom right corner. Here's the JavaScript that's powering most of the functionality on this page:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.jakerevans.com/wp-content/themes/enfold-child/assets/css/timelinecss.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
var scrollPercent;
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window.parent).scroll( function(){
// The rest of the JavaScript code goes here...
});
});
</script>
</head>
<body>
<!-- HTML content for the timeline elements -->
<!-- Feel free to share your ideas! Thanks in advance! -->
Do you have any thoughts or solutions? Any help is appreciated. Thank you so much!