如何滾動以自動滾動到可編輯分區的底部

Question

如何獲得可編輯的div以記住滾動條的位置？我目前正在編程一個Chrome擴展，並有一個記事本風格的可編輯的div，用戶可以寫筆記。我有下面列出的代碼，它自動聚焦div onload，並在div內的文本末尾顯示插入符號。

我現在只需要我的滾動條滾動與插入標誌的水平，如果它進一步下跌。

var div = document.getElementById("edit_notepad"); 

div.onfocus = function() { 
    window.setTimeout(function() { 
     var sel, range; 
     if (window.getSelection && document.createRange) { 
      range = document.createRange(); 
      range.selectNodeContents(div); 
      range.collapse(false); 
      sel = window.getSelection(); 
      sel.removeAllRanges(); 
      sel.addRange(range); 
     } else if (document.body.createTextRange) { 
      range = document.body.createTextRange(); 
      range.moveToElementText(div); 
      range.collapse(false); 
      range.select(); 
     } 
    }, 1); 
}; 

div.focus(); 

Answer 1

您可能想嘗試在Scroll to bottom of Div on page load (jQuery)中完成的不同方法，並選擇最適合您關心的方法。

提出的一種解決方案是下降了@Mike Todd

正確版本的建議滾動到div的高度：

$('#div1').scrollTop($('#div1')[0].scrollHeight);

此相關SO post也可能有幫助。

Answer 2

爲什麼不嘗試一些簡單的localStorage？

var position = localStorage.position || 0; 
div.scrollTop = position; 
localStorage.setItem("position", div.scrollTop); 

上面的代碼應該可以獲取並設置div滾動量的位置，據我所知。