Question

我"A" div元素中有一个"B" div，"A" div显示的属性信息很小而div "B"大。

B div没有任何垂直滚动。当我向下滚动窗口时"A" div应该在视图中（即按照滚动）。当我向上移动窗口时，"A" div应向上移动

"A" div应仅在"B"中向上和向下滚动。当我尝试将其浮动到页面上并从"B"出来时。当向上滚动页面“A”应该在视图中时，只有"B"在视图中。

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

EDIT1：

  <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应该浮动并向下移动（应该在视图中）。但是它应该只在“graphview”的父div中浮动。

这里的属性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？我没有理解你的问题

Answer 2

我找到了解决问题的方法。

http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/

现在小div在我需要的父div内滚动。

在滚动窗口时在视图中使用div，该窗口位于另一个div

2 个答案: