jquery - スクロール時に textAngular ツールバーを固定する

Question

textAngular エディターがまだ表示されている状態で誰かがページを下にスクロールしたとき (またはエディター自体を下にスクロールしたとき) に常に表示されるように、ツールバーを修正しようとしています。

スクロール時にツールバーが表示されなくなりました:

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');
    }

  });
});

しかし、何も起こっていません。とにかく、これが角度ディレクティブの動作を変更しようとする最良の方法であるかどうかはわかりません。私がこれをどのように達成できるかについて誰かが知っていますか?