title: how to stop a sticky javascript from running on small screen sizes?
body: <p>Both menubar and sidebar of my site are sticky. But when screen size is less than 700px all div are displayed in one column. I have done this with css media queries. Menubar is displayed on top , mainbar in middle and sidebar at bottom. So when page (which has maximum-width=700px) is scrolled down to 150px then menubar sticks to top and thus mainbar is hidden due to sticky menubar. And when sidebar comes it also sticks to top.</p>
  
  <p>This is the javascript:</p>
  
  <pre><code>&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/&gt;
  &lt;script src='sticky.js' type='text/javascript'/&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $("#menu,#sidebar").sticky({topSpacing:0});
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Please help me in this sticky situation. I want, when screen size is less than 700px
  then menubar and sidebar will become non-sticky.</p>