I don't manage to resize a div from the top left corner.
How could I do?.
This is my attempt
HTML
- <div id="chat-container">
- <iframe id="chat-frame" src=""></iframe>
- </div>
JS
- $('#chat-container').resizable({
- animate: true
- });
- $("#chat-container").resizable("option", "handles", "nw");
CSS
- #chat-container {
- display: none;
- position: fixed;
- z-index: 0;
- bottom: 0px;
- right: 10px;
- width: 500px;
- height: 200px;
- text-align: right;
- }
- #chat-frame {
- width: 100%;
- height: 100%;
- }
In this manner it always scrolls from the default bottom-right corner.
As you can see I postioned the div in the bottom-right corner. For this reason I need to resize form the opposite corner.
Thanks in advance!