Scrolling Text behavior

I am trying to make a scrolling text box and bar similar to snickelfritz’s. His file can be found in his post here:

I downloaded it, and it works. So for now, I simply copied his code exactly except I removed the conditional check for text content height (my scrollbar alpha is always 100%). So I find it bizarre that I am experiencing multiple issues:

  1. The text starts halfway down my text box.
  2. The text scrolls the same way as the scroll bar (it should scroll up so you can read what’s further down. Instead it scrolls down as you pull the scrollbar down).
  3. The text isn’t wrapping.
import gs.TweenMax;
import fl.motion.easing.*;
stage.scaleMode = StageScaleMode.NO_SCALE;
function loadText():void {
 var txtLoader:URLLoader = new URLLoader();
 txtLoader.addEventListener(Event.COMPLETE, onLoaded);
 content.autoSize = TextFieldAutoSize.LEFT;
 txtLoader.load(new URLRequest("pharetra.txt"));
 removeEventListener(Event.COMPLETE, onLoaded);
 function onLoaded(e:Event):void {
  content.text =;
  content.y = masker.y;
var yOffset:Number;
var yMin:Number = 0;
var yMax:Number = sb.track.height - sb.thumb.height;
sb.thumb.addEventListener(MouseEvent.MOUSE_DOWN, thumbDown);
stage.addEventListener(MouseEvent.MOUSE_UP, thumbUp);
function thumbDown(e:MouseEvent):void {
 stage.addEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
 yOffset = mouseY - sb.thumb.y;
function thumbUp(e:MouseEvent):void {
 stage.removeEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
function thumbMove(e:MouseEvent):void {
 sb.thumb.y = mouseY - yOffset;
 if (sb.thumb.y <= yMin) {
  sb.thumb.y = yMin;
 if (sb.thumb.y >= yMax) {
  sb.thumb.y = yMax;
 var sp:Number = sb.thumb.y / yMax;, 1, {y:(-sp*(content.height - masker.height)), ease:Back.easeOut});

What could possibly be the difference that is causing three different issues?