title: How to use wow.js on scrollable container
body: <p>i want to use wow.js on my website. I got a sidebar which needs to have the content inside a container with <code>overflow-x: auto;</code>. Because of this wow.js does not work.</p>
  
  <p>Is it possible to define in wow.js the scrolling container?</p>
  
  <p>My site looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="//code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="lib/js/wow.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="lib/css/animate.css"&gt;
      &lt;script&gt;
          $("document").ready(function() {
              new WOW().init();
          })
      &lt;/script&gt;
      &lt;style&gt;
          body,html {
              margin: 0;
              padding: 0;
              height: 100%;
              width: 100%;
          }
          #container {
              height: 100%;
              width: 100%;
              position: relative;
          }
          #menu {
              position: absolute;
              width: 300px;
              left: -300px;
              background: red;
          }
          #content {
              position: absolute;
              width: 100%;
              height: 100%;
              background: green;
              overflow-x: auto;
          }
          .wow {
              background: yellow;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container"&gt;
          &lt;nav id="menu"&gt;
              &lt;ul&gt;
                  &lt;li&gt;sidebar1&lt;/li&gt;
                  &lt;li&gt;sidebar2&lt;/li&gt;
                  &lt;li&gt;sidebar3&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
          &lt;div id="content"&gt;
              contentcontent&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;content&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;content&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;content&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;div class="wow bounce"&gt;text&lt;/div&gt;content&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;script&gt;
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>