jquery - 滚动时固定 textAngular 工具栏

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