(Javascript) Mudar URL conforme scroll no elemento

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script>

window.onscroll = function (oEvent) {

    $( "div" ).each(function() {
        if( $(this).offset().top <= window.pageYOffset && window.pageYOffset < $(this).offset().top

+$(this).height()) {
        document.location.href = "#" + ($(this).html());
        }
    });}

</script>


<div id="section1"><font size=10>ESSA É <br/><br/><br/><br/><br/><br/>DIV 1</font></div>


<div id="section2"><font size=10>ESSA É <br/><br/><br/><br/><br/><br/>DIV 2</font></font></div>


<div id="section3"><font size=10>ESSA É <br/><br/><br/><br/><br/><br/>DIV 3</font></font></div>

<div id="section4"><font size=10>ESSA É <br/><br/><br/><br/><br/><br/>DIV 4</font></font></div>