<script type="text/javascript">
        $(function() {
            var offset = $("#sidebar").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#sidebar").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
    </script>
    <script type="text/javascript">
        $(function() {
            var offset = $("#sidebar2").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#sidebar2").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar2").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
    </script>
     <script type="text/javascript">
        $(function() {
            var offset = $("#sidebar3").offset();
            var topPadding = 135;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#sidebar3").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar3").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
    </script>
<div id="sidebar">

        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Pictures</a></li>
          <li><a href="#">Downloads</a></li>
          <li><a href="#">Help</a></li>
      </ul>

    </div>
<div id="sidebar2">
        <center><span style="color: lightblue;">Are you bored? Try some nifty, fun, cool gadgets right</center><a style="text-decoration: none;font-family: Courier;color: lightskyblue;" href="bored.html">here!</a><span>
    </div>
    <div id="sidebar3">
        <center><p>Want to contact me?
        </p><p>Do it with the buttons below.</p>
        <a href="#"><img src="images/facebook.png"/></a>
        <a href="#"><img src="images/twitter.png"/></a>
        <a href="#"><img src="images/skype.png"/></a>
        <a href="test.html"><img src="images/googleplus.png"/></a></center>
    </div>