Mobile Tester

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cubiq.org/dropbox/iscroll4/src/iscroll.js"></script>      
<form>
        <input type="text" class="frmUrlVal">
        <input type="submit" class="frmSubmit" value="Go">
      </form>
<div id="iscroll">
    <div id="scroller">
        <div class="dragger"></div>
      <iframe src="http://www.css-tricks.com" id="dynFrame"></iframe>
    </div>    
</div>

CSS

#iscroll{he
    height: 500px;
    width: 360px;
    position:absolute; z-index:1000;
    background:#aaa;
    overflow:auto;
}
#iscroll #scroller{
    position: relative;
}
#iscroll iframe{
    z-index:1;
    border:0px;
    width: 360px;
    height: 1000px;
    overflow:hidden;
}
#iscroll .dragger{
    position: absolute;
    top:0px;
    left:0px;
    height:1000px;
    width:360px;
    /*background:#00f;*/
}

JavaScript

$(function(){
    myScroll = new iScroll('iscroll');
/*
    $('#dynFrame').load(function(){
        alert($(this).innerHeight());
    });
*/
    $('.frmSubmit').click(function(e){
        $('#dynFrame').attr('src', $('.frmUrlVal').attr('value'));
        e.preventDefault();
        return false;
    });
    document.addEventListener('touchmove', function(e){ e.preventDefault(); });
});