Databases
StackOverflow2013
Postsdbo
POMobile orientation (landscape) scroll bar HTML5/Responsive
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMobile orientation (landscape) scroll bar HTML5/Responsive
    text
    copied!<p>I've been building a responsive site and have bumped in to a problem with <strong>landscape</strong> mobile devices (or more accurately, that particular specified resolution(handheld, screen and (min-width: 480px))) where the scrollbar will only scroll half way down the content in a scrollable container.</p> <p>If i try to scroll any further it jumps back to the half way point and won't do it. </p> <p>Here is my CSS:</p> <pre><code>.Container{ margin: 3% 0 0 10%; width: 80%; } .Content{ max-height: 80%; height: 80%; overflow-y: scroll; } </code></pre> <p>and here is the html:</p> <pre><code>&lt;div class="Container" style="display: none;"&gt; &lt;div class="Header"&gt; &lt;h5&gt;Help&lt;/h5&gt; &lt;/div&gt; &lt;div class="Content"&gt; &lt;div class="jqContentdiv"&gt; &lt;p&gt;Lorem ipsum donsequat urna (i've removed the rest of the content to keep this tidy)&lt;/p&gt; &lt;/div&gt; &lt;div class="userActions"&gt; &lt;a href="#"&gt;&lt;p&gt;Close&lt;/p&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>jqContentdiv is just a container floated left.</p> <p>It's probably important to note that mobile <strong>Portrait</strong> is fine but i've noticed that if you scroll to the bottom in portrait and then switch to landscape, the scrollbar goes to the halfway point and will go no further. I'm presuming that's linked somehow.</p> <p>Have any of you come across this before? Any assistance on this would be greatly appreciated.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload