jQuery UI可调整大小的句柄在滚动后保持原始位置

Jen*_*nny 5 css jquery jquery-ui jquery-ui-resizable

我有一个可调整大小的内容,它也可以滚动(简单的溢出:滚动,没有插件)。滚动时,底部手柄将保持其原始位置,并与其余文本一起向上滚动,而不是底部。

试图添加孩子等,也在谷歌和这里搜索。

提前致谢 :)

编辑:这是代码(使用jquery 2.1.3和jquery-ui 1.11.4):

javascript:

 $("#slide-panel-container").resizable({
   handles: 's'
 });

 $("#info-window").resizable({
   handles: 'e'
 });
Run Code Online (Sandbox Code Playgroud)

CSS:

.frontControllers {
  position: absolute;
  border: 1px solid #ccc;
  width: 342px;
}
#slide-panel-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-resizable-handle {
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<body>
  <div id="info-window" class="container-fluid form-group frontControllers">
    <div id="info-sum-container" class="row">
      <div class="col-xs-8">
        <div class="row">
          <h1>Flight Unlimited</h1>
        </div>
      </div>
    </div>
    <div id="info-full" class="collapse row side-outer-container">
      <div id="slide-panel-container" class="col-xs-12">
        <div class="row">
          <p>Flight Unlimited is a 1995 flight simulator video game developed and published by Looking Glass Technologies. It allows the player to pilot reproductions of five aircraft and to perform aerobatic stunts. A virtual instructor teaches basic and
            advanced flight techniques, such as Immelmann turns (diagram pictured) and Lomcevak tumbles...</p>
        </div>
      </div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我正在添加一个小提琴:http : //jsfiddle.net/jennyabr/zp1hymd2/

要查看该问题,您需要使用buttom句柄来调整div的大小,然后向下滚动,您将看到该句柄与文本一起向上移动,如下所示: 滚动大小调整问题