title: nav tab selection causes screen to scroll up
body: <p>I understand something like this has been asked before, but none of the suggestions have resolved my issue.</p>
  
  <p>I have 2 nav tabs and each one shows one chart.js graph with some data. A country is chosen from a drop down select picker and the charts will update. The default chart will show without any issues. But when I choose the second tab, the screen will scroll up to the bottom of the previous section's div and then show the chart. This will happen once every time I make a selection in the dropdown select picker and then select the tab which is not focused. After than I can click whichever tab without this issue.</p>
  
  <p>So, On first load this happens and any consequtive selection from the selectpicker that causes the charts to redraw.</p>
  
  <p>I tried this but it does not help</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="card mb-4"&gt;
    &lt;select class="selectpicker" data-live-search="true" id="picker" data-size="10"&gt;&lt;/select&gt;
  &lt;/div&gt;
  &lt;nav&gt;
    &lt;div class="nav nav-tabs" id="nav-tab" role="tablist"&gt;
      &lt;a class="nav-item nav-link active" id="nav-daily-tab" data-toggle="tab" data-target="#nav-daily-by-country" role="tab" aria-controls="nav-home" aria-selected="true"&gt;DailyNumbers&lt;/a&gt;
      &lt;a class="nav-item nav-link" id="nav-cumulative-tab" data-toggle="tab" data-target="#nav-cumulative-by-country" role="tab" aria-controls="nav-profile" aria-selected="false"&gt;Cumulative Numbers&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('.nav-tabs li a').click(function(e) {
    e.preventDefault();
    e.stopImmediatePropagation();
    $(this).tab('show');
  });
  </code></pre>
  
  <p>I've tried using: <code>$(document).scrollTop()</code> to reset the window back, but it simply will not work unless the redrawn charts have been rendered at least once each. This is rather mind boggling. Nothing in the css regarding scrolling either.</p>
  
  <p>Another thing I've noticed is that as long as the window location is still within the div above the one my selectpicker and nav is, it will not scroll.</p>