Как использовать scrollspy для ввода / предварительного просмотра Commonmark с AngularJS без jQuery?
Когда я искал встроенный редактор Markdown для предварительного просмотра в реальном времени для проекта - редактирование в реальном времени на HTML-странице - я наткнулся на этот. Функция, которая меня больше всего заинтересовала, была scrollspy: когда вы прокручиваете ввод <textarea>, превью <textarea> свитки с этим. Это очень удобно, так как рассматриваемый проект опирается на удобное написание.
У меня проблема в том, что такой scrollspy использует jQuery, что меня не устраивает. Одна из моих главных задач - сделать проект максимально быстрым и быстро реагирующим, а jQuery minified увеличивает время загрузки локальной машины на ~100 мс, что, я полагаю, приводит к еще большему времени загрузки в Интернете. У меня уже есть ~300 мс локального времени загрузки, и если мне придется увеличить его, я бы предпочел сделать это только при необходимости.
Тем не менее, я нахожу функцию текстовой прокрутки очень привлекательной и ищу способ реализовать ее, не полагаясь на jQuery. Я ищу самый простой и быстрый способ повышения производительности с использованием уже имеющихся в моем распоряжении инструментов.
Я использую AngularJS, анализатор Commonmark для Markdown, angular-commonmark.js (который позволяет мне анализировать ввод любого тега как Commonmark) и UI Bootstrap (клон Twitter Bootstrap, созданный исключительно с Angular).
РЕДАКТИРОВАТЬ: оказалось, во время эксперимента, что размещение атрибута Angular-Commonmark на <textarea> выводит сырой HTML в <textarea> а не уцененный текст (т.е. <h1>Text</h1> а не смелый и большой "текст"). Я использовал <div> чтобы проверить вывод, и он работал просто отлично. Будет ли это запретить мне использовать scrollspy (так как <div>не прокручиваются)?