javascript - 在滚动另一个 div 内的窗口时让 div 可见

Question

我在 "B" div 元素中有一个 "A" div，当 "A" div 显示属性信息时，它很小，div “B” 大一号。

B div 没有任何垂直滚动。当我垂直向下滚动窗口时 "A" div 应该在 View 中(即，跟随滚动)。当我向上移动窗口时，"A" div 应该向上移动。

"A" div 应该只在 "B" 中上下滚动。当我尝试它 float 在页面上并从 "B"< 中出来时。当向上滚动页面时，“A”应该在 View 中，只有 “B” 在 View 中。

请帮助如何实现这一目标。提前致谢

编辑1:

  <div id="graphView" class="tabcontent" style="display:block;">
                        <div class="row" style="padding-top: 5px; text-align: left;">
                            <div id="graphDiv" class="col-sm-9 graphViewStyle"> </div>
                            <div id="toolTipDiv" class="col-sm-3"  style="word-wrap: break-word; min-height:400px;max-height:400px;min-width:230px;overflow-y: auto;border:1px solid black;
                                 border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;"></div>
                        </div>
                    </div>

[![在此处输入图片描述][1]][1]

在图片中，当我向下滚动窗口时，属性 div 应该 float 并向下移动(应该在 View 中)。但它应该只 float 在父 div 中，即“graphview”。

这里的属性div是“tootTipDiv”

Answer 1

你想要这个吗？

<div id="B style="height:500px">
    <div id="A" style="height:1000px;overflow-y:scroll">
         Content
    </div>
</div>

或者您想让您的 A div 上下移动 B div 吗？我没听懂你的问题