ipad scrolll on js timer

by versusbassz

HTML

<div class="wrapper">
    <div class="fixed" id="timer"></div>
</div>

CSS

body {
    margin:0;
    padding:0;
}
.wrapper {
    width:960px;
    height:5000px;
    margin:0 auto;
    background-color:#eee;
    background: #565656;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #565656 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #565656 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #565656 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #565656 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #565656 0%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#ffffff', GradientType=0);
    /* IE6-8 */
}
.fixed {
    position:fixed;
    width:960px;
    background-color:#ffccaa;
    margin:0 auto;
    padding:20px 0;
    font:24px/32px Arial, Helvetica, sans-serif;
    text-align:center;
}

JavaScript

var timer = document.getElementById('timer');

setInterval(function () {

    var date = new Date();
    var date_string = date.getHours() + ' ' + date.getMinutes() + ' ' + date.getSeconds();
    console.log(date_string);

    timer.innerHTML = date_string;
}, 500);