title: Unable to scroll div within fixed div
body: <p>I'm experiencing problems with a menu containing a parent container which spreads over the entire site and a div with the actual content. Everything is okay as long as the device screen is big enough. But especially with mobile devices its not possible to show the entire content.</p>
  
  <p>I've created a jsfiddle at <a href="http://jsfiddle.net/89xyzsfz/" rel="nofollow">http://jsfiddle.net/89xyzsfz/</a> to show the problem with a working sample and the needed js and css. On mobile devices just some of the parts are visible but it is not possible to scroll the content.</p>
  
  <p>The relevant code itself explained:</p>
  
  <pre><code>            &lt;div class="hiddenMenu jsMenu"&gt;
                  &lt;div class="menuContainer jsMenuContainer"&gt;
                      &lt;h3&gt;Menu content&lt;/h3&gt;
  
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="#item1"&gt;Item1&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item2"&gt;Item2&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item3"&gt;Item3&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item4"&gt;Item4&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item5"&gt;Item5&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item6"&gt;Item6&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item7"&gt;Item7&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item8"&gt;Item8&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#item9"&gt;Item9&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
  
                  &lt;div class="menuBackground jsMenuBackground"&gt;&lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <ul>
  <li><code>hiddenMenu</code> holds the entire menu. At load the entire menu is hidden and enabled via clicking on an element with css class <em>jsMenuButton</em> assigned.</li>
  <li><code>menuContainer</code> is the container with the content which should be scrollable when parts of it are not visible at the device.</li>
  <li><code>menuBackground</code> is used for designing the background while showing the content with no specific function apart from that.</li>
  </ul>