Click here to Skip to main content
15,916,280 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hello i am implementing the scrolling table (dynamically created).But problem is that i have one background image below table view .When i saw on ipad number of table row is large and background image size is upto ipad size so when i scroll table view the image is not display .how to display background image also on scrolling.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title></title>
<!--link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css"-->
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.css">
<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.css">
<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css">
<link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.css">
<ink rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css">

<!-- Extra Codiqa features -->


<!-- jQuery and jQuery Mobile -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/cordova-2.7.0.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.js"></script>
<script src="js/EventHandler.js"></script>

<!-- Extra Codiqa features -->


</head>
<style>

.ui-page {

background : transparent
url(img/Background-Screen.png)
repeat 0 0; position:absolute; width:100% ;height:100% ;
background-size : cover;
}

</style>


<body onload="loadData()" >


<!--page one My Cases Screen------------->


My Cases




<!--div data-role="content">











</body>


<script >

$(document).ready(function() {
// $('.ui-loader').remove();
$.mobile.loading('hide');


});
$(document).bind("mobileinit", function(){
// $.mobile.touchOverflowEnabled = true;
$(document).delegate('.ui-content', 'touchmove', false);
});




for (i = 0; i < 40; i++) {
$('#here_table').append(

''

);

}
$(".row").click(function() {
alert(this.id);
console.log(this.id)
});


</script>




</html>
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900