# buttonMode & mouseChildren & Scrollable content :: confused

**URL:** <https://forum.kirupa.com/t/buttonmode-mousechildren-scrollable-content-confused/235308>\
**Category:** flash\
**Created:** [August 10, 2007, 4:43am UTC](https://forum.kirupa.com/t/buttonmode-mousechildren-scrollable-content-confused/235308 "2007-08-10T04:43:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ActionScript3](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@ActionScript3](https://forum.kirupa.com/u/ActionScript3)\
**Post date:** [August 10, 2007, 4:43am UTC](https://forum.kirupa.com/t/buttonmode-mousechildren-scrollable-content-confused/235308/1 "2007-08-10T04:43:02Z")

</div>

Hi,  
I’ve been working on simple Scroller and I’m getting stranges problems :look:

what I need is like this :: [http://www.layoutgalaxy.com/html/htmnewletter49-page1.htm](http://www.layoutgalaxy.com/html/htmnewletter49-page1.htm) except its Vertical

OK,  
this is my code:

```php
 
package
{
 import flash.display.Sprite;
 
 import flash.text.TextField;
 import flash.text.TextFormat;
 import flash.text.TextFieldAutoSize
 
 import flash.events.MouseEvent;
 
 public class Content extends Sprite
 {
  private var label:TextField;
 
  public function Content()
  {
 
   var menu:Sprite = new Sprite();
 
   for (var i:uint = 1; i <= 15 ; i++)
   {
    var item:Sprite = new Sprite();
    var item_lbl:TextField = new TextField();
    item_lbl.text = &quot;item &quot; + i;
    item.buttonMode = true;
    item.mouseChildren = false; // !!
    item.addEventListener(MouseEvent.CLICK , clickHandler);
    item.addChild(item_lbl);
    item.y = i * (item_lbl.textHeight + 5)
    menu.addChild(item);
   }
            addChild(menu);
 
   menu.graphics.beginFill(0xFF9900);
   menu.graphics.drawRect(0,0,100,menu.height);
  }
 
  private function clickHandler(evt:MouseEvent)
  {
   trace( evt.target +" clicked");
  }
 }
}

```

```php
package 
{
 import flash.display.Sprite;
 import flash.display.DisplayObjectContainer;
 
 import flash.events.Event;
 import flash.events.MouseEvent;
 
 
 
 public class Scroller extends Sprite
 {
  private var _content:DisplayObjectContainer;
  private var _mask:Sprite;
  private var _hitarea:Sprite;
 
  private var _scrollAmount:Number = 0;
  private var _scrollAcceleration:Number = .4;
  private var _scrollDirection:int = 1; 
  public function Scroller(content:DisplayObjectContainer,h:Number,w:Number)
  {
   _content = content;
 
   _mask = createRect(h,w);
   _content.mask = _mask;
 
   _hitarea = createRect(h,w);
   _hitarea.alpha = 0;
 
   addChild(_hitarea);
   addChild(_content);
   addChild(_mask);
 
   addEventListener(MouseEvent.MOUSE_MOVE,checkScroll);
   addEventListener(MouseEvent.MOUSE_OUT,stopScroll);
  }
 
  public function get changableElements():Array
  {
   return [_mask,_hitarea];
  }
 
  private function createRect(h:Number,w:Number):Sprite
  {
   var sprite:Sprite = new Sprite();
   sprite.graphics.beginFill(0xFF0000);
   sprite.graphics.drawRect(0,0,h,w);
   return sprite;
  }
 
  private function checkScroll(evt:MouseEvent)
  {
   var correct:Boolean = false;
 
   if(mouseY > _mask.y && mouseY - _mask.y < 30)
   {
    correct = true;
      _scrollDirection = 1;
   }
   else if(_mask.height > mouseY && _mask.height - mouseY < 30)
   {
    correct = true;
       _scrollDirection = -1;
   }
   if(correct)
   {
    _scrollAmount = 0;
    addEventListener(Event.ENTER_FRAME, doScroll); 
   }
   //trace(correct)
  }
 
  private function stopScroll(evt:MouseEvent)
  {
   removeEventListener(Event.ENTER_FRAME, doScroll); 
   addEventListener(MouseEvent.MOUSE_MOVE,checkScroll);
  }
 
  private function doScroll(evt:Event)
  {
   var deff:Number = 0;
   if(_scrollDirection == 1)
   {
    if(_content.y + _scrollAmount * _scrollDirection > _mask.y)
    {
     _content.y = _mask.y;
     stopScroll(null);
     return;
    }
    deff = mouseY - _mask.y;
    if(!(mouseY > _mask.y && deff < 30))
    {
     stopScroll(null);
     return;
    }
   }
   else
   {
    if( _content.y + _scrollAmount * _scrollDirection < _mask.y - _content.height + _mask.height)
    {
     _content.y = _mask.y - _content.height + _mask.height;
     stopScroll(null);
     return;
    }
    deff = _mask.height - mouseY;
    if(!(_mask.height > mouseY && deff < 30))
    {
     stopScroll(null);
     return;
    }
   }
   removeEventListener(MouseEvent.MOUSE_MOVE,checkScroll);
   _content.y += _scrollAmount * _scrollDirection;
     _scrollAmount += _scrollAcceleration; 
  }
 }
}

```

test :

```php
 
addChild( new Scroller(new Content(),100,150) );

```

the problem is when the mouse goes on any item the scroller stop  
the strange thing if I remove the item.mouseChildren = false; the scroller works great  
but no hand pointer :look:

Any idea?

Thanks,