Css/js on scroll animation bug.Kindly help a learner

Please guys. I'm working on making an animation on an element as soon as the user sroll his browser window downwards but I've tried countless times and it refuse to work . I'm giving up already pls help me….pls help watever way u can

Html page structure

Code:
<! Document>
<html>
<head>

<Script type="text/javascript" src="styles/js/jquery-1.11.1.min.js">
<Script type="text/javascript" src="styles/js/script.js">

<Script>

//on or scroll, detect elements in view
$window.on('scroll...

Css/js on scroll animation bug.Kindly help a learner