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------------->
<!--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>
Submit an article or tip