2
    i have used nested frames, 

    <!DOCTYPE html>
    <html>
    <head>


    </head>


    <frameset rows="200px,500px">

    <frame src="topBar.html" > <!-- top frame -->
    <frameset cols="30%,70%">
        <frame src="leftBar.php" noresize /> <!-- left frame-->

       <frame src="rightBar.php" name="rightBar"  id="rightBar" frameborder="yes"  style="overflow:scroll"/> <!-- left frame-->  <!-- right frame-->

     </frameset>
     </frameset>

    </html>


the rightBar.php is

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<link href="style/jquery.mobile.scrollview.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile.scrollview.js" type="text/javascript"></script>

<!-- 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 -> Mobile Applications -> Configure Application Framework... -->
<script src="/phonegap.js" type="text/javascript"></script>
<script>
$(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');
        })
});
</script>
</head> 
<body> 



<div data-role="page" id="page" data-rel="dialog"  data-transition="pop">

    <div data-role="content" data-position="fixed"> 

        <ul data-role="listview" id="loadContent"  data-filter="true"  data-scroll="true">



        </ul>       
    </div>

</div>


</body>
</html>

ユーザーが leftBar.php のオプションをクリックすると、rightBar.php に反映され、コンテンツが動的に表示されます。ブラウザーは、PC では問題ない rightBar フレームのスクロール バーのみを表示しますが、Android デバイスでは表示されず、全体が表示されます。スクロール バーから webview へ、Android webview でスクロール バーを表示するには rightBar フレームのみが必要ですか? 誰でも私を助けることができますか?

4

0 に答える 0