Question

我有一个可调整大小，也是可滚动的（简单溢出：滚动，没有插件）。滚动时，底部手柄会粘住它的原始位置，与文本的其余部分向上滚动，而不是粘在底部。

尝试添加孩子等，也搜索谷歌和这里。

提前致谢：）

编辑：这是代码（使用jquery 2.1.3和jquery-ui 1.11.4）：

的javascript：

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

 $("#info-window").resizable({
   handles: 'e'
 });

的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;
}

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>

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

要查看问题，您需要使用buttom句柄调整div，然后向下滚动，您将看到句柄随文本一起上升，如下所示： the scrolling resizing problem

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

0 个答案: