javascript - 通过 JavaScript 获取 Textarea 滚动百分比

Question

所以我有一个 Split View Markdown 编辑器，我正在为 Win8 使用 JS 构建。左侧是一个文本区域字段(上面有一个标题，所以它不是屏幕的全高)。在右侧，我有一个 div，其中包含 Markdown 预览的输出。这个预览窗口是屏幕的全高。当我滚动左侧文本区域时，我想让右侧预览面板保持同步。我可以通过计算文本区域的滚动百分比然后将预览 div 滚动到相同位置来轻松地做到这一点。

现在我对无法计算出文本区域的最大滚动值这一事实感到很不爽。我看到的所有在滚动时保持两个元素同步的示例都涉及两个设置了溢出的 div。所以在 div 上你可以快速确定实际高度。

有没有办法获取文本区域的最大滚动大小(而不是文本区域的实际大小)以便计算百分比？我能想到的唯一解决方案是使隐藏的 div 与 textarea 的大小完全相同，并将内容输出到它，然后将 textarea 滚动同步到那个，确定百分比，然后将其应用于更大的预览 div。我担心这会对我的应用产生性能影响。

Answer 1

你需要 (element.scrollTop + element.offsetHeight)/element.scrollHeight * 100