Databases
StackOverflow2013
Postsdbo
POmobile website scrolling
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POmobile website scrolling
    text
    copied!<p>When scrolling down the page on my mobile website the content disappears and displays small grey and white squares. Once you stop scrolling the content reappears.</p> <p>Is there a way to prevent this from happening?</p> <p>My code:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;PHP Test&lt;/title&gt; &lt;!-- Code within Head Tag --&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(window).load(function(){ $("#loading").hide(); }) &lt;/script&gt; &lt;!-- Code within Head Tag --&gt; &lt;style type="text/css"&gt; /* Document Styles */ #wrapper{ width:800px; height:500px; margin:0 auto; padding:5px; border:1px solid #CCC; background:#CCC; } .desc{ margin:5 auto; width:800px; text-align:left; } /* Loading Div Style */ #loading{ position:absolute; width:300px; top:0px; left:0%; margin-left:5px; text-align:left; padding:7px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; } body { overflow: hidden } &lt;/style&gt; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt; &lt;meta name="format-detection" content="telephone=no"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt; &lt;/head&gt; &lt;body&gt; &lt;center&gt; &lt;form&gt; &lt;!-- Loading Div --&gt; &lt;div id="loading"&gt; Fetching Hotels, please wait.. &lt;img src="loading.gif" alt="loading.." /&gt; &lt;/div&gt; &lt;!-- Loading Div --&gt; &lt;br&gt; &lt;input type=text value="destination" name=title onclick="this.value = '';"&gt;&lt;br&gt; Date:&lt;br&gt; &lt;select name="month"&gt; &lt;option value="1"&gt;January &lt;option value="2"&gt;February &lt;option value="3"&gt;March &lt;option value="4"&gt;April &lt;option value="5"&gt;May &lt;option value="6"&gt;June &lt;option value="7"&gt;July &lt;option value="8"&gt;August &lt;option value="9"&gt;September &lt;option value="10"&gt;October &lt;option value="11"&gt;November &lt;option value="12"&gt;December &lt;/select&gt; &lt;select name="day"&gt; &lt;option value="1"&gt;1 &lt;option value="2"&gt;2 &lt;option value="3"&gt;3 &lt;option value="4"&gt;4 &lt;option value="5"&gt;5 &lt;option value="6"&gt;6 &lt;option value="7"&gt;7 &lt;option value="8"&gt;8 &lt;option value="9"&gt;9 &lt;option value="10"&gt;10 &lt;option value="11"&gt;11 &lt;option value="12"&gt;12 &lt;option value="13"&gt;13 &lt;option value="14"&gt;14 &lt;option value="15"&gt;15 &lt;option value="16"&gt;16 &lt;option value="17"&gt;17 &lt;option value="18"&gt;18 &lt;option value="19"&gt;19 &lt;option value="20"&gt;20 &lt;option value="21"&gt;21 &lt;option value="22"&gt;22 &lt;option value="23"&gt;23 &lt;option value="24"&gt;24 &lt;option value="25"&gt;25 &lt;option value="26"&gt;26 &lt;option value="27"&gt;27 &lt;option value="28"&gt;28 &lt;option value="29"&gt;29 &lt;option value="30"&gt;30 &lt;option value="31"&gt;31 &lt;/select&gt; &lt;select name="year"&gt; &lt;option value="2012"&gt;2012 &lt;option value="2013"&gt;2013 &lt;option value="2014"&gt;2014 &lt;/select&gt; &lt;br&gt;&lt;br&gt; No. of Nights: &lt;select name="nights"&gt; &lt;option value="1"&gt;1 &lt;option value="2"&gt;2 &lt;option value="3"&gt;3 &lt;option value="4"&gt;4 &lt;option value="5"&gt;5 &lt;option value="6"&gt;6 &lt;option value="7"&gt;7 &lt;option value="8"&gt;8 &lt;option value="9"&gt;9 &lt;option value="10"&gt;10 &lt;option value="11"&gt;11 &lt;option value="12"&gt;12 &lt;option value="13"&gt;13 &lt;option value="14"&gt;14 &lt;option value="15"&gt;15 &lt;option value="16"&gt;16 &lt;option value="17"&gt;17 &lt;option value="18"&gt;18 &lt;/select&gt; &lt;input type=submit&gt; &lt;?php // specify url of xml file $url = "http://xmlfeed.laterooms.com/index.aspx?aid=1000&amp;rtype=4&amp;kword=".$_GET['title']."&amp;sdate=".$_GET['year']."-".$_GET['month']."-".$_GET['day']."&amp;nights=".$_GET['nights']."&amp;orderby=hoteldistance&amp;sortorder=asc"; // get xml file contents $xml = simplexml_load_file($url); // loop begins $i = 0; foreach($xml-&gt;hotel as $hotel) { if (++$i &gt; 20) { // stop after 5 loops break; } // begin new paragraph echo "&lt;p&gt;"; echo "&lt;img src=".$hotel-&gt;images." height=100 width=100&gt;&lt;br/&gt;"; echo "&lt;strong&gt;Hotel Name:&lt;/strong&gt; ".$hotel-&gt;hotel_name."&lt;br/&gt;"; echo "&lt;strong&gt;Prices From:&lt;/strong&gt; &amp;pound;".$hotel-&gt;prices_from."&lt;br/&gt;"; echo "&lt;a href=".$hotel-&gt;hotel_link."&gt;&lt;img src=http://affiliates.laterooms.com/AffiliateImages/en/buttons/more_details1.gif&gt;&lt;/a&gt;&lt;br/&gt;"; echo "&lt;strong&gt;Miles from ".$_GET['title']."&lt;/strong&gt; ".$hotel-&gt;hotel_distance."&lt;br/&gt;"; echo "&lt;/p&gt;"; // end paragraph } $cnt++; // loop ends ?&gt; &lt;/form&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

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