当我在寻找项目的实时预览内联Markdown编辑器时 - 在HTML页面中进行实时编辑 - 我遇到了this one。我最感兴趣的功能是scrollspy：滚动输入<textarea>时，预览<textarea>会滚动它。这非常方便，因为有问题的项目依赖于舒适的写作。
我遇到的问题是这样的scrollspy使用jQuery，我对此并不满意。我的主要观点之一是使项目尽可能快速加载和响应，并且jQuery缩小将本地机器加载时间增加~100 ms - 我想，这可以转化为更多的在线加载时间。我已经有~300毫秒的本地加载时间，如果我必须增加它，我宁愿只在必要时才这样做。
仍然，我发现文本scrollspy功能非常有吸引力，我正在寻找一种方法来实现它，而不依赖于jQuery。我正在寻找最简单，最快捷，性能最好的方法来实现这一目标，使用我已有的工具。
我使用AngularJS，Markdown的Commonmark解析器，angular-commonmark.js（允许我将任何标记的输入解析为Commonmark）和UI Bootstrap（仅使用Angular构建的Twitter Bootstrap克隆）
编辑：事实证明，在实验过程中，将Angular-Commonmark属性放在<textarea>上会将原始HTML输出到<textarea>而不是标记为文本（即<h1>Text</h1>而不是<div>一个大胆的＆＃34; Text＆＃34;）。我正在使用<div>来测试输出，它运行得很好。这会禁止我使用scrollspy（因为{{1}}是不可滚动的吗？）