I want to create a resizing ELEMENT which I can resize beyound the bottom limit of a DIV container. As long as I keep the mouse below (DIV container height-25px) the ELEMENT should keep increasing in size and the DIV should keep scrolling. In my case the ELEMENT should increase with +25px and the DIV should scroll down with 25px.

This works fine to set the resized element's height but as soon as I move the mouse again the elements continues to resize from where it was left.

Thank you guys/girls

What I have until now is:

2.     this.$el.resizable({
3.                     handles: 's',
4.                     stop: function(event,obj){
5.                         if (self.data.scrollingId!=null){
6.                             clearTimeout(self.data.scrollingId);
7.                             self.data.scrollingId=null;
8.                         }
9.                     },
10.                     resize: function(event,obj){
11.                         var                boundary=obj.element[0].parentNode.parentNode.parentNode.parentNode.parentNode; /*the div with the scrollbar*/
12.                         if (self.data.scrolling==false){
13.                             if (event.pageY<25){
14.                                 self.data.scrollingId=setInterval(function(){ 
15.                                     boundary.scrollTop=boundary.scrollTop-25; 
16.                                     obj.element.height(parseInt(obj.element[0].style.height)-25);                                    
17.                                 },100);
18.                                 self.data.scrolling=true;
19.                             }
20. 
    
21.                             if (event.pageY>boundary.offsetHeight-25){
22.                                 self.data.scrollingId=setInterval(function(){ 
23.                                     boundary.scrollTop=boundary.scrollTop+25; 
24.                                     obj.element.height(parseInt(obj.element[0].style.height)+25);
25.                                 },100);
26.                                 self.data.scrolling=true;
27.                             }
28.                         }else{
29.                             if ((event.pageY>20)&&(event.pageY<boundary.offsetHeight-25)){
30.                                 clearTimeout(self.data.scrollingId);
31.                                 self.data.scrollingId=null;
32.                                 self.data.scrolling=false;
33.                             }
34.                         }
35.                          
36.                     }
37.                 });