title: Scrollbar automatically hidden unless I resize the page
body: <p>I am using a js plugin to create scroll bars.  Basically, when you load the page, it automatically sets itself to "display: none" when it shouldn't be.  Then, if you resize the browser even a little bit, it switches itself to "display: block" and works correctly.  I can't for the life of me figure out what is wrong, especially because it is an exact replica of the code from the past two (different IDs) that are functioning correctly.  </p>
  
  <p>I believe this is the relevant code, but I can include other pieces if you need.  mcs3_container is what needs a scroll bar.</p>
  
  <pre><code>/*----PART 4----*/
  /*----LOCATIONS----*/
  echo '
    &lt;div class="reserveAPickupAppointmentForm" id="reserveAPickupAppointmentForm4"&gt;
      &lt;div class = "reserveAPickupAppointmentText"&gt;
        Please choose from the following locations:
      &lt;/div&gt;
      &lt;br /&gt;';
  
  $sql = "
    SELECT DISTINCT timeBlocks.location
    FROM timeBlocks
    WHERE
      timeBlocks.school = '".$_SESSION["school"]."'
      AND timeBlocks.date &gt;= CURDATE()
    ORDER BY timeBlocks.priority;
  ";
  
  include "databaseConnection.php";
  mysql_close($connection);
  
  if (mysql_num_rows($result) == 0) {
    echo 'There are currently no appointments available online.  Time blocks for pick ups during move-out week are released after Spring Break, and you can reserve an appointment at that time.  If you want to schedule a custom appointment during a different time of the year, please email or   call us, and we can help to create a custom pick up.';
  } else {
    echo '
      &lt;div id="mcs3_container"&gt;
        &lt;div class="customScrollBox"&gt;
          &lt;div class="container"&gt;
            &lt;div class="content"&gt;';
    mysql_data_seek($result, 0);
    while ($row = mysql_fetch_array($result)) {
      echo '
              &lt;div class = "reserveAPickupAppointmentLocationText reserveAPickupAppointmentButtonText"&gt;'..$row["location"].'&lt;/div&gt;
              &lt;div class="buttonBreak"&gt;&amp;nbsp;&lt;/div&gt;';
    }
    echo '
              &lt;noscript&gt;
                &lt;style type="text/css"&gt;
                  #mcs_container .customScrollBox{overflow:auto;}
                  #mcs_container .dragger_container{display:none;}
                &lt;/style&gt;
              &lt;/noscript&gt;';
    echo '
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="dragger_container"&gt;
            &lt;div class="dragger"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- scroll buttons --&gt;
        &lt;a class="scrollUpBtn" href="#"&gt;&lt;/a&gt;
        &lt;a class="scrollDownBtn" href="#"&gt;&lt;/a&gt;
      &lt;/div&gt;';
  }
  echo '
    &lt;/div&gt;';
  echo '
    &lt;script&gt;
      $(window).load(function() {
        $("#mcs3_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"fixed","yes","yes",10);
      });
    &lt;/script&gt;';
  </code></pre>