title: iPhone iOS jQuery function $('content').height(); bug
body: <p>I've got a short script for solving absolute position height.</p>
  
  <pre><code>document.body.onresize = function () {
      contentHeightFix(currentConDiv);
  }
  contentHeightFix(currentConDiv);
  
  function contentHeightFix(id) {
      currentConDiv = id;
      $('.heightFix').height($(id).height());
  }
  </code></pre>
  
  <p>So I have an absolute div and it has text in it, so the height of div is variable. I've placed a blank div under this div, called it .heightFix and let jQuery set height of this div based on height of that absolute div.</p>
  
  <p>Everything works fine on Mac, PC, android browsers. All of them, including Safari on MacOS.</p>
  
  <p>But when I run this script on the iOS, it's bugged - look at screenshot 2. Script works perfectly until I scroll the page downwards (even 1px scroll breaks it, but scrolling up to the top is fine). That's weird in my opinion, cause the script doesn't operate with scrolling what so ever... </p>
  
  <p>I can also attach screenshots of that behaving.</p>
  
  <p><strong>Proper behaving (before I scroll down):</strong></p>
  
  <p><a href="https://i.stack.imgur.com/JpcHR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JpcHR.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Wrong behaving (after I scroll even 1px down):</strong></p>
  
  <p><a href="https://i.stack.imgur.com/UqY8u.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UqY8u.jpg" alt="enter image description here"></a></p>