Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to scroll down a page in jquery mobile while using iscroll?
    primarykey
    data
    text
    <p>Using iscroll for refresh functionality for listview. It will disable page scroll on the other pages for jquery mobile. </p> <p><code>&lt;script type="text/javascript" src="/js/iscroll.js"&gt;&lt;/script&gt;</code></p> <p>base-mobile.html</p> <pre><code>&lt;title&gt;Title&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;meta name="description" content="xxx"&gt; &lt;meta name="keywords" content="yyyy"&gt; &lt;link rel="stylesheet" type="text/css" href="/css/jquery.mobile-1.3.1.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="/css/mobile.css" /&gt; &lt;script src="/js/jquery-1.9.0.min.js"&gt;&lt;/script&gt; &lt;script src="/js/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/js/iscroll.js"&gt;&lt;/script&gt; </code></pre> <p>item.html</p> <pre><code>{% extends "base-mobile.html" %} {% block content %} &lt;div id="item" data-role="page"&gt; &lt;div data-role="header"&gt; &lt;h1 class="ui-title" role="heading" aria-level="1"&gt;Item&lt;/h1&gt; &lt;a href="#all-items" data-inline="true" class="ui-btn-left" data-icon="arrow-l"&gt;Back&lt;/a&gt; &lt;/div&gt; &lt;div data-role="content" class="ui-content" role="main"&gt; &lt;h2&gt;title&lt;/h2&gt; &lt;div id="category"&gt; &lt;label&gt;Category: category &lt;/label&gt; &lt;/div&gt; &lt;p&gt;location&lt;/p&gt; &lt;p&gt;description&lt;/p&gt; &lt;div id="map_canvas"&gt; &lt;img src="http://maps.googleapis.com/maps/api/staticmap?center=location&amp;zoom=16&amp;size=300x200&amp;markers=xxx,xxx&amp;sensor=false" &gt;&lt;/div&gt; &lt;/div&gt; &lt;div data-role="footer" data-position="fixed"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; {% endblock %} </code></pre> <p>Just build a page that is bigger than iphone screen size. I can't scroll down to the page on my simulator or on the iPhone. Can anyone point me to a direction or let me know how to do it, please?</p> <p>Thanks in advance.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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