JsPlumb：错误的锚位置，在引导导航栏填充之后

Question

我有一个让我发疯的问题。我想开始使用 jsPlumb。所以我只是复制了他们的演示 draggableConnectors 并添加了一个小引导导航栏。如果我使用 navbar-fixed-top

引导导航栏：

<nav class="navbar navbar-default navbar-static-top"></nav>

CSS：

.scrollbars{
      height: 80vh;
      position: relative;
      overflow: scroll !important;
    }


 .drag-drop-demo .window {
    ....        
    position: absolute;
    ....
  }

这是一个错误示例：https://jsfiddle.net/f5bxgzLu/ 我无法摆脱这个错误，你能给我一些帮助吗？

Answer 1

尝试使用position: relative 将.navbar 困在div 中，并给出navbar position:absolute

https://jsfiddle.net/nitincool4urchat/f5bxgzLu/27/

HTML

<div class='bar-container'>
<nav class="navbar navbar-default"></nav>
</div>

CSS

.bar-container{
    position: relative;
}
.navbar{
    position: absolute;
}

参考资料：

Bootstrap fixed navbar inside div