title: Not sure how to add Javascript code to Tumblr
body: <p>I got the code from here, the main solution by rossipedia:
  <a href="https://stackoverflow.com/questions/8213849/fixed-sidebar-until-a-div?rq=1">fixed sidebar until a div</a></p>
  
  <p>Here's my <a href="http://strawberries777.tumblr.com/" rel="nofollow noreferrer">Tumblr page</a> and the part of the code the script is influencing (main is replaced with content):</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
  ...
  
  &lt;style type="text/css"&gt;
  #sidebarwrap {
    margin: 0 0 1.5em;
    width: 16.2em;
    float: left;
    position: relative;
  }
  
   #sidebar {
    margin: 0 0 1.5em;
    width: 16em;
    height: 570px;
    position: absolute;
  }
  
  #sidebar.fixed {
    position: fixed;
    top: 0;
  }
  
  #footer {
    border-top: 4px solid {color:Footer Border};
    background: {color:Footer Background};
    color: {color:Background};
    clear: both;
    margin: 0;
    overflow: auto;
    padding: 0 0.5em;
  }
  
  #content {
    margin-bottom: 4.5em;
    margin-left: 18.5em;
    min-width: 500px;
    min-height: 550px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Body</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="contain"&gt;
      &lt;div id="sidebarwrap"&gt;
      &lt;div id="sidebar"&gt;
      ...Stuff...
      &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="content"&gt;
      ...Stuff...
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="footer"&gt;
  &lt;div id="footer-container"&gt;
  ...Stuff...
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I then included the the script right before the /body as so:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      ...Script...
  &lt;/script&gt;
  </code></pre>
  
  <p>I keep spell checking and making sure everything is in order, but it all just won't work. At least not for that JS. The other JS's I used work just fine... The script is supposed to make my side bar scroll with the user and then stop right before overlapping the footer. Yet, the script acts likes its not even there, the sidebar doesn't move a single inch...
  Heck, I even tampered with the original on its Fiddle page to make it the same layout and ordering as my page, and it still worked just fine.</p>
  
  <p>Am I missing something? Everyone keeps talking about JQuery, and I'm not entirely sure what that is or if I'm supposed to use it... If someone could help me see what I'm doing wrong, I'd really appreciate it! :'D</p>