title: Using jQuery each, scrollTop() returns zero
body: <p>I'm having a problem using a jQuery <code>scrollTop()</code> function with <code>$.each.</code> Every time, no matter how many <code>&lt;div class="panel"&gt;&lt;/div&gt;</code> elements are, <code>scrollTop()</code> function returns zero. I've used code in the <a href="https://stackoverflow.com/questions/14782087/get-height-of-multiple-divs-with-jquery">Get height of multiple divs with jquery</a> thread, only changed <code>height()</code> to <code>scrollTop()</code> function (<code>height()</code> still returns zero).</p>
  
  <p>Here is the code that I've created, so it will be much easier to understand the problem.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var acc = document.getElementsByClassName("accordion");
  var i;
  
  for (i = 0; i &lt; acc.length; i++) {
    acc[i].onclick = function() {
      this.classList.toggle("active");
      var panel = this.nextElementSibling;
      if (panel.style.maxHeight) {
        panel.style.maxHeight = null;
      } else {
        panel.style.maxHeight = panel.scrollHeight + "px";
      }
    }
  }
  
  var $panel = $('.panel'),
    totalHeight = 0;
  
  $.each($panel, function() {
    totalHeight += $(this).scrollTop();
  });
  
  alert(totalHeight);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  button.accordion.active,
  button.accordion:hover {
    background-color: #ddd;
  }
  
  button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  button.accordion.active:after {
    content: "\2212";
  }
  
  div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;button class="accordion"&gt;Lėšų išsiėmimai&lt;/button&gt;
  &lt;div class="panel"&gt;
    &lt;div&gt;
    &lt;/div&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;12 val.&lt;/th&gt;
          &lt;th&gt;0.01 Eur&lt;/th&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;24 val.&lt;/th&gt;
          &lt;th&gt;0.02 Eur&lt;/th&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;/td&gt;
          &lt;td&gt;2017-06-26 01:39:16&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;/td&gt;
          &lt;td&gt;2017-06-24 14:43:50&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-24 14:43:27&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;2017-06-15 14:43:43&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-15 14:42:23&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;2017-06-07 16:34:04&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-07 16:33:36&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;1970-01-01 03:00:00&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-06 15:13:41&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;1970-01-01 03:00:00&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style="background: #0E82A7;"&gt;Iš viso&lt;/td&gt;
          &lt;td style="background: #0E82A7;" colspan="2"&gt;0.0400 Eur&lt;/td&gt;
          &lt;td style="background: #0E82A7;"&gt;&lt;/td&gt;
          &lt;td style="background: #0E82A7;" colspan="2"&gt;0.1200 Eur&lt;/td&gt;
        &lt;/tr&gt;
  
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="panel"&gt;
    &lt;div&gt;
    &lt;/div&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;12 val.&lt;/th&gt;
          &lt;th&gt;0.01 Eur&lt;/th&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;24 val.&lt;/th&gt;
          &lt;th&gt;0.02 Eur&lt;/th&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;/td&gt;
          &lt;td&gt;2017-06-26 01:39:16&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;/td&gt;
          &lt;td&gt;2017-06-24 14:43:50&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-24 14:43:27&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;2017-06-15 14:43:43&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-15 14:42:23&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;2017-06-07 16:34:04&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-07 16:33:36&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;1970-01-01 03:00:00&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;2017-06-06 15:13:41&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
  
          &lt;td&gt;1970-01-01 03:00:00&lt;/td&gt;
          &lt;td colspan="2"&gt;+&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style="background: #0E82A7;"&gt;Iš viso&lt;/td&gt;
          &lt;td style="background: #0E82A7;" colspan="2"&gt;0.0400 Eur&lt;/td&gt;
          &lt;td style="background: #0E82A7;"&gt;&lt;/td&gt;
          &lt;td style="background: #0E82A7;" colspan="2"&gt;0.1200 Eur&lt;/td&gt;
        &lt;/tr&gt;
  
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>