Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery-mobile-iscrollview scroll bar position not correct in phonegap android
    primarykey
    data
    text
    <p>I am using jquerymobile.1.3.1 for my phonegap android app. I am added <a href="https://github.com/watusi/jquery-mobile-iscrollview" rel="nofollow noreferrer">jquery-mobile-iscrollview</a> </p> <p>But scrollbar position is wrong in the screen. My HTML Code:</p> <pre><code>&lt;div data-role="page" data-theme="g" id="mobile_page"&gt; &lt;div data-role="header" data-theme="g" data-position="fixed" data-tap-toggle="false"&gt; &lt;img src="images/logo/logowhite.png" class="main_logo"&gt; &lt;h3 class="page_heading"&gt;Select The Item&lt;/h3&gt; &lt;img src="images/header.png" class="header_right_btn header_home_btn"&gt; &lt;div id="header_form"&gt; &lt;div class="progressbar"&gt; &lt;div class="progress active"&gt;&lt;/div&gt; &lt;div class="progress active"&gt;&lt;/div&gt; &lt;div class="progress"&gt;&lt;/div&gt; &lt;div class="progress"&gt;&lt;/div&gt; &lt;div class="progress"&gt;&lt;/div&gt; &lt;/div&gt;&lt;!-- progressbar end --&gt; &lt;div class="ui-grid-b top_form"&gt; &lt;div class="ui-block-a"&gt; &lt;select data-role="none" class="form_select_top" style="border:none"&gt; &lt;option value="op"&gt;Option 1&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="ui-block-b"&gt; &lt;select data-role="none" class="form_select_top"&gt; &lt;option value="op"&gt;Option 1&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="ui-block-c"&gt; &lt;select data-role="none" class="form_select_top"&gt; &lt;option value="op"&gt;Option 1&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;!--header end--&gt; &lt;div data-role="content" data-iscroll=""&gt; &lt;ul class="mobile_list_step_two"&gt; &lt;li&gt; &lt;div class="_imag"&gt;&lt;/div&gt; &lt;div class="_company"&gt;&lt;/div&gt; &lt;h2 class="name_header"&gt;&lt;/h2&gt; &lt;h3 class="name_sube_header"&gt;&lt;/h3&gt; &lt;h3 class="name_sube_header"&gt;&lt;/h3&gt; &lt;h1 class="_price"&gt;&lt;/h1&gt; &lt;div class="collapsible_step_two"&gt; &lt;div class="collapse_content_step_two"&gt; &lt;div class="ui-grid-a"&gt; &lt;div class="ui-block-a"&gt; &lt;button data-role="none" class="collapsecontent_btn"&gt;Whats Included ?&lt;/button&gt; &lt;/div&gt; &lt;div class="ui-block-b" style="text-align:right;"&gt; &lt;button data-role="none" class="collapsecontent_btn"&gt;Information&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;button data-role="none" class="collapse_btn_step_two"&gt;&lt;img src="images/collapseopen.png" id="collapse_icon"&gt;&lt;/button&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--content end--&gt; &lt;div data-role="footer" class="footer_style" data-position="fixed" data-tap-toggle="false"&gt; &lt;div data-role="navbar" class="footer_style" data-grid="c"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" id="id_1" data-icon="custom"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" id="id_2" data-icon="custom"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" id="id_3" data-icon="custom"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" id="id_4" data-icon="custom"&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;!--Page End--&gt; </code></pre> <p></p>
    singulars
    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