<div class="ui-content content-padding">
			<ul class="ui-listview">							
			    <li><label for="r1">item1</label><input type="radio" name="rd" value="1"/></li>
			    <li><label for="r2">item2</label><input type="radio" name="rd" value="2"/></li>
			    <li><label for="r3">item3</label><input type="radio" name="rd" value="3"/></li>
			    <li><label for="r4">item4</label><input type="radio" name="rd" value="4"/></li>
			    <li><label for="r5">item5</label><input type="radio" name="rd" value="5"/></li>
			    <li><label for="r6">item6</label><input type="radio" name="rd" value="6"/></li>
			    <li><label for="r7">item7</label><input type="radio" name="rd" value="7"/></li>
			    <li><label for="r8">item8</label><input type="radio" name="rd" value="8"/></li>  
			</ul>		
		</div>

<script>
		window.addEventListener("load", function scrollermover(){
		    window.removeEventListener("load", scrollermover);
			Array.prototype.forEach.call(document.getElementsByName('rd'), function(a) {
				if (parseInt(a.value) === 4) {			
					a.scrollIntoViewIfNeeded(true);
				}		
			});
		});
</script>