title: AngularJS/UI/Bootstrap remove affix from an element?
body: <p>I am using AngularJS 1.2 and Bootstrap 2.3, although I think it is irrelevant that Angular is involved since this is just jQuery.  I want to be able to turn the <code>affix</code> on and off for a particular element.  I have multiple elements on my page using <code>affix</code> so I can't just disable all instances of the plugin on the page.  Also, my problem is unrelated to screen sizes so css is not possible.</p>
  
  <p>For an element for which I have added affix to:</p>
  
  <pre><code>$(element).affix();
  </code></pre>
  
  <p>Things I have tried that I read about online/stackoverflow to remove the affix, but have been unsuccessful:</p>
  
  <pre><code>$(element).off('.affix');
  
  $(element).removeData('affix').removeClass('affix affix-top affix-bottom');
  </code></pre>
  
  <p>Is it possible to just remove the affix aspect of this element?</p>
  
  <p>Any help would be great!</p>