JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/jquery.mobile-1.4.0.css">
<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/jquery.mobile.iscrollview-pull.css">
<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/jquery.mobile.iscrollview.css">
<script src="https://z4stagin.z4.aldenhosting.com/js/mobileApp/iscroll.js"></script>
<script src="https://z4stagin.z4.aldenhosting.com/js/mobileApp/jquery.mobile.iscroll.js"></script>
<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/mobile_style.css">
<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/mobile_master.css">
<link rel="stylesheet" href="https://z4stagin.z4.aldenhosting.com/css/mobileApp/mobile_bootstrap.css">
<div id="chequePage" data-role="page">        	
        	<div class="header" id="header" data-role="header">				
				<a href='' class='home'><img src="mobile-images/logo.gif" class="logo" height='40px'></img></a>
				<h1>Drop a Cheque</h1>			
				<div class='prograssBar'></div>
			</div>			
			<div class="mainContent pageBackground" data-role="content" id='wrapper'>
			<div class="scroll-wrapper" data-iscroll>
			<div class="breadcrumbSecWrapper">
				<ol class="breadcrumb pull-bottom-0">
				  <li><a href="pay.html" rel='external'>Pay</a></li>
				  <li class="active">Cheque</li>
				</ol>
			</div>
			<div class="row-fluid highLightSecWrapper pageBackground clearfix">
				<div class='secWrapper clearfix'>
				<div class="pageContentWrapper clearfix">
					<div class='info-section'>
						<h3 class='span9'>Balance Amount To Pay: <span class='WebRupee'>Rs. </span><span class='totalAmountRemaining'></span></h3>
					</div>
					<div class='row-fluid push-down-70'>
					<ul>
						<li class='row-fluid'>
							<div class="span9">HDFC Bank</div>
							<div class="span3 txt-right">
								<label>
									<input type='radio' id='HDFC' name='banks'...

CSS

#neftPage .ui-radio .ui-btn,#chequePage .ui-radio .ui-btn {
				padding: 20px 5px;
				width: 42px;
			}
			.pageContentWrapper{position:relative;}
			.info-section {
padding: 10px 20px;
width: 100%;
float: left;
background: #04A0AD;
color: #fff;
position: absolute;
top: 0;
left: 0;
}
.info-section h3 {
color: #fff;
text-shadow: none;
margin: 0px;
padding: 0px;
}

JavaScript

$('[data-role="content"]').trigger('create');
$(".scroll-wrapper").iscrollview();
$(".scroll-wrapper").iscrollview('refresh');

	$('.chequeBanks').click(function(){
        $(".scroll-wrapper").iscrollview('refresh');
		 var bankId=$(this).val();
		 $('.accNumber').html($('.chequeBankDetailsSec .bankId-'+bankId+' .number').html());
		 $('.details').show();
		 $('.details').show();
		 var x = $('.details').offset().left;
		 var y = $('.details').offset().top;
		$(".scroll-wrapper").iscrollview("scrollTo", x,y, '1');
	});