scroll, localstorage

<h2>뉴스리스트</h2>
<p class="text-right" style="position: fixed;bottom: 0;">
    <a href="javascript:setLocalStorageValue();" class="btn btn-primary">
        <i class="fa fa-pencil"></i>
    locaStorage에 페이지, 스크롤 저장</a>
    <a href="javascript:clearLocalStorageValue();" class="btn btn-primary">
        <i class="fa fa-pencil"></i>
    locaStorage 삭제</a>
    <a href="pages/write.php" class="btn btn-primary">
        <i class="fa fa-pencil"></i>
    글쓰기</a>
</p>
<table id="newslist" class="table">
    <tr class="active">
        <td>ID</td>
        <td>제목</td>
        <td>날짜</td>
    </tr>
</table>
<p style="margin-bottom:30px;">
    <a href="javascript:getNews();" class="btn btn-default btn-more col-xs-12">더보기</a>
</p>
<script>
    var page = 1;
    function getNews() {
        $.getJSON("includes/getnews.php?page=" + page, function(json){
            if( ! json ) return;
            var trs = "";
            for(var i=0; i<json.length; i++){
                trs += "<tr>";
                trs += "<td>" + json[i].id + "</td>";
                trs += "<td>" + json[i].title + "</td>";
                trs += "<td>" + json[i].wdate + "</td>";
                trs += "</tr>";
            }
            $("#newslist tr:last").after(trs);
            page++; //page = page + 1
        });
    }
    getNews();

    $(window).scroll(function(){
        if( $(window).scrollTop() + $(window).height() == $(document).height() ) {
            getNews();
        }
    });

$(document).ready(function() {
        //문서를 다 읽고 나서 로컬스토리지에 저장된 scrollTop과 page 값을 읽어옴
        var oldScroll = localStorage.getItem("scrollTop");
        var oldPage = localStorage.getItem("page");
        console.log(oldPage);

        if (oldPage != "undefined") {
            var oldPage = parseInt(oldPage,10);
            if( oldPage ) {
                for(var j=1;j<=oldPage;j++) {
                    getNews();
                }
            }
        }

        if (oldScroll != "undefined") {
            $(window).scrollTop(oldScroll);
        }

});


function setLocalStorageValue() {

  //스크롤 위치를 로컬스토리지에 scrollTop로 저장
        localStorage.setItem('scrollTop', $(this).scrollTop() );

  //현재 목록에 추가한 페이지를 로컬스토리지에 page로 저장, 단 page++ 때문에 1 빼줌
        localStorage.setItem('page', page-1 );

}

function clearLocalStorageValue(){
    localStorage.clear();
}
</script>