当我在为一个项目寻找实时预览内联 Markdown 编辑器时——在 HTML 页面中进行实时编辑——我遇到了这个。我最感兴趣的功能是 scrollspy：当你滚动 input<textarea>时，预览会<textarea>随之滚动。这非常方便，因为所讨论的项目依赖于舒适的写作。
我遇到的问题是这样的滚动间谍使用 jQuery，我对此并不满意。我的主要观点之一是使项目尽可能快地加载和响应，并且 jQuery minified 将本地机器加载时间增加了约 100 毫秒——我想这会转化为更多的在线加载时间。我已经有大约 300 毫秒的本地加载时间，如果我必须增加它，我宁愿只在必要时这样做。
不过，我发现 text scrollspy 功能非常有吸引力，并且正在寻找一种不依赖 jQuery 来实现它的方法。我正在寻找最简单、最快、性能方面的方法来实现这一目标，使用我已经掌握的工具。
我正在使用 AngularJS、Markdown 的 Commonmark 解析器、angular-commonmark.js（它允许我将任何标签的输入解析为 Commonmark）和 UI Bootstrap（仅使用 Angular 构建的 Twitter Bootstrap 克隆）。
编辑：事实证明，在实验过程中，将 Angular-Commonmark 属性放置到<textarea>输出原始 HTML 到<textarea>而不是 Marked-down 文本（即，<h1>Text</h1>而不是粗体和大“文本”）。我<div>用来测试输出，它工作得很好。那会不允许我使用 scrollspy （因为<div>s 是不可滚动的）？