1. สร้างสี่เหลี่ยม ขนาด 1920 x 1080px แล้ว คลิ๊กขวา convert to Symbol เลือกเป็น Movie Clip ตั้งชื่อว่า "content" (สิ่งที่อยู่ใน MovieClip นี้จะเป็นสิ่งที่ต้องการให้เห็น)
2. สร้างสี่เหลี่ยม ขนาด 1024 x 768 px แล้ว คลิ๊กขวา convert to Symbol เลือกเป็น Movie Clip ตั้งชื่อว่า "contentMask" (เพื่อกำหนดกรอบให้เห็น content ไม่เกินขอบเขตที่กำหนด)
3. สร้างแทบ Scroll bar แล้วกำหนดขนาด
4.สร้างปุ่มสี่เหลี่ยมจัตุรัส ขนาด 50x50 เพื่อทำเป็นปุ่มกดเลื่อน scrollbar คลิ๊กขวา convert to Symbol เลือกเป็น Movie Clip ตั้งชื่อว่า "scroll_btn"
5. หลักการทำ Scrolling คือ
"เมื่อมีการลากเมาส์ที่ปุ่ม scroll_btn จากตำแหน่งเริ่มต้นเท่าใด ให้มีการคำนวณการเลื่อน content ใหม่ตามอัตราส่วน(ตำแหน่งที่เปลี่ยนไป เทียบกับทั้งหมด) เทียบการเลื่อนเมาส์"
6. สามารถเขียนโค๊ดได้ดังนี้
Vertical Scroll bar
scroll_btn.onPress=function(){
start_y = 350.3;
scroll_bar_height = 407.3;
startDrag(this , 0 , this._x, start_y , this._x, start_y + scroll_bar_height );
}
scroll_btn.onRelease=function(){
stopDrag();
y_pos = this._y;
content_height = 962.5;
start_y = 350.3;
scroll_bar_height = 407.3;
content._y= start_y- ( content_height *( ( y_pos - start_y ) /scroll_bar_height) );
}