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的大小,然后向下滚动,您将看到该句柄与文本一起向上移动,如下所示: 
| 归档时间: |
|
| 查看次数: |
479 次 |
| 最近记录: |