title: The webpage is getting scrolled to the top location while destroying isotope and resetting it
body: <p>I'm using <a href="http://isotope.metafizzy.co/" rel="nofollow">http://isotope.metafizzy.co/</a>'s <code>isotope</code> plugin to create grid layout. On clicking any of the grids, I display a modal popup showing the details. On closing the modal popup, control comes back to the old isotope grid layout. The content of the modal popup are <code>hidden</code> under the part of the isotope item. I had problems with the content in the modal popup being displayed properly. So, what I did is, on clicking any of the isotope's grid <code>&lt;a&gt;</code> item, I used <code>$.isotope('destroy');</code>. Only then, the modal popup worked properly. Further, upon closing the modal popup, I re-initialise the isotope grid using the following code:</p>
  
  <pre><code>    $("#container").isotope({
       itemSelector:".item",
       masonry:{
       columnWidth:100,
       gutterWidth:20
       },
       animationOptions:{
       duration: 750,
       easing: 'linear',
       queue: false
      }
      });
  </code></pre>
  
  <p>I have added <code>return false;</code> at the end of all the functions handling <code>&lt;a&gt;</code> element's <code>onclick</code> event (using <code>jQuery</code>'s <code>delegate()</code> function).</p>
  
  <p>Upon re-initialisation, the page scrolls back to the top. Other than this, there is no problem with the usability of the page. I'm stuck. Please help.</p>