滚动时固定文本角度工具栏

Question

我正在尝试修复工具栏，以便在有人向下滚动页面并且textAngular编辑器仍处于视图中时（或者向下滚动编辑器本身），它始终可见。

滚动时不再显示工具栏：

使用position: fixed只需将其固定在整个页面的顶部。

当textAngular指令在视图中时，我尝试使用以下jQuery来修复它：

$(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

  

嘿，看一下repo中的demo / static-demo.html。它有一个   静态工具栏的示例。

来自以下链接的回复：https://github.com/fraywing/textAngular/issues/697