jquery - 将文本 Angular 工具栏固定在滚动条上

Question

我正在尝试修复工具栏，以便当有人向下滚动页面且 textAngular 编辑器仍在 View 中(或者向下滚动编辑器本身)时，它始终可见。

工具栏在滚动时不再可见:

使用 position: fixed 只是将它固定到整个页面的顶部。

当 textAngular 指令处于 View 中时，我尝试使用以下 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');
    }

  });
});

然而什么也没有发生。不确定这是尝试改变 Angular Directive(指令)行为的最佳方式。有谁知道我可以如何实现这一点？

Answer 1

Hey, have a look at the demo/static-demo.html in the repo. It has an example of a static toolbar.

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