Question

我是Javascript的新手，我已经开始使用HTML，CSS和Javascript将大型pdf书籍转换为网页。

由于这本书很大，我想让我的应用程序从我离开的地方开始，这样我就不会忘记到目前为止我读过哪一部分。

我知道可以通过使用Javascript scrollTop（）函数获取滚动高度并将其放入HTML Web Storage来完成，最后我必须通过调用scrollTo（）函数来恢复该位置。我试过了，但我的代码没有按预期工作。我现在该怎么办？

我正在向您展示实际的HTML / JS代码。请看看，告诉我在哪里犯错误。

＆＃13;

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>T-Rex Album|Home</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">


<script>

function herok(){
    var a=localStorage.setItem("LastPosition", "CurrentPosition");
    var elmnt=document.getElementById("myDIV");
    var CurrentPosition=elmnt.scrollTop;


    localStorage.setItem("LastPosition", "CurrentPosition");
    var FinalPosition=document.getElementById('cat').innerHTML=localStorage.getItem("LastPosition");

}


function scrollWin() {
    window.scrollTo(0, a);
}
</script>



  </head>
<body onunload="herok()">
        <button onclick="scrollWin()" style="position:fixed;">Start From Where You Left</button>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    <p>dummy text</p>
    
 
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.min.js"></script>




</body>
</html>

＆＃13;

Answer 1

如果你想保存值，请不要使用双引号但是var name

var CurrentPosition=elmnt.scrollTop;

localStorage.setItem("LastPosition", CurrentPosition);

如何从正确的位置开始使用HTML本地存储？

1 个答案: