title: Resize IFRAME to Remove Scrollbars
body: <p>I have an iframe on my page that I want resized every time the contents changes so that there are no scrollbars. The contents of the frame changes frequently without changing the URL. I want all of the content from the frame to show all the time, without having the screen flicker while the frame is resizing. The parent and frame are on the same domain. </p>
  
  <p>Right now I call a function to set the frame size whenever I think the size has changed. How do I do this without calling this function everywhere?</p>
  
  <p>If it helps, I am using angularJS.</p>