virtual keyboard

by DoubleYo

HTML

<div>Logo</div>
<input type="text"><input type="submit" value="serch">
<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>
<p id="debug"></p>

CSS

ul {
    counter-reset: liste 0;
}
li:after{  
    counter-increment: liste 1;  
    content: " " counter(liste, decimal);  
}

JavaScript

$('input').bind('focus',function() {
    $(window).scrollTop(10);
    var keyboard_shown = $(window).scrollTop() > 0;
    $(window).scrollTop(0);

    $('#debug').append(keyboard_shown?'keyboard ':'nokeyboard ');
});