Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery mobile with FRAMEs and inner frame with scroll bar
    primarykey
    data
    text
    <pre><code> i have used nested frames, &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;frameset rows="200px,500px"&gt; &lt;frame src="topBar.html" &gt; &lt;!-- top frame --&gt; &lt;frameset cols="30%,70%"&gt; &lt;frame src="leftBar.php" noresize /&gt; &lt;!-- left frame--&gt; &lt;frame src="rightBar.php" name="rightBar" id="rightBar" frameborder="yes" style="overflow:scroll"/&gt; &lt;!-- left frame--&gt; &lt;!-- right frame--&gt; &lt;/frameset&gt; &lt;/frameset&gt; &lt;/html&gt; the rightBar.php is &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;jQuery Mobile Web App&lt;/title&gt; &lt;link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/&gt; &lt;link href="style/jquery.mobile.scrollview.css" rel="stylesheet" type="text/css"/&gt; &lt;script src="jquery-1.5.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="jquery.mobile-1.0a3.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.mobile.scrollview.js" type="text/javascript"&gt;&lt;/script&gt; &lt;!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. To configure the site as a mobile application, go to Site -&gt; Mobile Applications -&gt; Configure Application Framework... --&gt; &lt;script src="/phonegap.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { $('#page').scroll(); var data = 'cat=drinks' ; $.ajax ( { url:'rgh.php', type: "POST", data:data, success: function (data) { $("#loadContent").html(data); } } ) $(".closeBtn").click(function(){ $(".QTPopup").css('display', 'none'); }) }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" id="page" data-rel="dialog" data-transition="pop"&gt; &lt;div data-role="content" data-position="fixed"&gt; &lt;ul data-role="listview" id="loadContent" data-filter="true" data-scroll="true"&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>when user clicks the leftBar.php 's options it reflects on rightBar.php and shows the content dynamically, the browser shows the Scroll Bar only for rightBar frame which is fine on PC, but it is not showing on Android device, it shows whole scroll bar to webview, i need only rightBar frame to show scroll-bar in Android webview ? so can anyone help me ?</p>
    singulars
    1. This table or related slice is empty.
    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