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

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -