Pin textАнгулярная панель инструментов при прокрутке

Question

Я пытаюсь исправить панель инструментов так, чтобы она была видна в любое время, когда кто-то прокручивает страницу с помощью текстового редактора, который все еще находится в поле зрения (или, наоборот, прокручивает сам редактор).

панель инструментов больше не видны при прокрутке:

Использование position: fixed просто прижимает его к верхней части всей страницы.

Я попытался с помощью следующей JQuery, чтобы зафиксировать его на прокрутки, когда директива textAngular в поле зрения:

$(document).load(function() { 
    var textEditor = $(".ta-root"); 
    var toolbar = $(".ta-toolbar"); 

    $(document).on("scroll", function(e) { 

    if (textEditor.offset().top < $(document).scrollTop() < textEditor.offset().top + textEditor.height()) { 
     toolbar.css('position', 'fixed'); 
    } else { 
     toolbar.css('position', 'static'); 
    } 

    }); 
}); 

Ничего не происходит, однако. Не уверен, что это лучший способ попытаться изменить поведение угловой директивы в любом случае. Кто-нибудь знает, как я могу это сделать?

Answer 1

Эй, посмотрите на demo/static-demo.html в репо. Он имеет пример статической панели инструментов .

Ответить по следующей ссылке: https://github.com/fraywing/textAngular/issues/697