jquery - Add a resizable handle to the top of a div with position fixed bottom -
jquery - Add a resizable handle to the top of a div with position fixed bottom -
how can create div fixed position bottom expand handle on top?
if @ stackoverflow question form, has expandable handle on bottom, how can place such handle on top of div
?
jquery-ui's resizable not appear back upwards this: http://jsfiddle.net/ka7p2/725/.
a none jquery solution fine.
how this: http://jsfiddle.net/ka7p2/729/
html:
<div id="container" class="resizable"> <div id="handle" class="ui-resizable-handle ui-resizable-n"></div> </div>
jquery:
$(document).ready(function () { $(".resizable").resizable({ handles: { 'n': '#handle' } }); });
edit: fixed bottom requested
css:
body { height: 1000px; } #container { width: 100%; background: lightgray; height: 100px; position: fixed !important; top: auto !important; bottom: 0 !important; left: 0; right: 0; } #handle { width: 100%; height: 5px; top: -6px; background-color: #000; }
updated fiddle: http://jsfiddle.net/ka7p2/732/
jquery jquery-ui
Comments
Post a Comment