Question

I have no experience with javascript, but I found some code from this thread:

Start and stop div scrolling between two other divs

and I want to use it in my website. The problem is, I can’t get it to work in my browser. So far I have all the code from the jsfiddle examples (the first one) in the link in separate html, css, and javascript documents and everything is linked fine. But it doesn’t work like it does in the example. Can someone please point me in the right direction on how to get this functioning?

Thank you.

Answer 1

If you simply copied it all, you either did not link in jQuery or are (most likely) trying to execute the JavaScript before the DOM is ready.

---

Edit:

Linking in jQuery. The fiddle you refer to uses jQuery 1.6, so one way is to load from code.jquery.com or ajax.googleapis.com

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
or
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

Executing code at the right time

window.addEventListener('load', function(){

    // your code here

}, false);