I currently have two files: index.php and aside.php.
I've already created the contents of aside.php. Now, I want to make the aside page sticky.
To achieve this, I referred to the following link: http://codepen.io/pouretrebelle/pen/yvcBz
My struggle lies in determining the exact location for adding jQuery and CSS, and how to incorporate them into my existing code.
Can anyone provide assistance? Thank you in advance.
aside.php:
<?php
?>
<aside class="sidebar">
<div class="inside">
<section id="content">
<!--Start Login Form -->
<form action="">
<h1>Login Form</h1>
<div>
<input type="text" placeholder="Username" required="" id="username" />
</div>
<div>
<input type="password" placeholder="Password" required="" id="password" />
</div>
<div>
<input type="submit" value="Log in" />
</div>
</form>
<!-- End form -->
</section>
</div>
<!-- Youtube palyer-1 -->
<div class="inside">
<section class="content">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="315" height=
...
CSS:
/* aside */
aside {
float: left;
margin-top:320px;
padding-top:5px;
height: 200px;
position: absolute;
}
.inside {
color:#fff;
position:relative;
margin-top:10px;
}