title: Bootstrap MultiSelect Options list need to hide while scroll the window
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" rel="stylesheet"/&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  &lt;div class="example"&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('#multi-select-demo').multiselect();
      });
  &lt;/script&gt;
  &lt;select id="multi-select-demo" multiple="multiple"&gt;
      &lt;option value="jQuery"&gt;jQuery tutorial&lt;/option&gt;
      &lt;option value="Bootstrap"&gt;Bootstrap Tips&lt;/option&gt;
      &lt;option value="HTML"&gt;HTML&lt;/option&gt;
      &lt;option value="CSS"&gt;CSS tricks&lt;/option&gt;
      &lt;option value="angular"&gt;Angular JS&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In multiselect, we have a bunch of options. These options need to hide while user scrolls the window. The list is contained in a <code>ul</code> with class name "multiselect-container".</p>