1.第壹步，新建壹條“豎線”，命名為“滾動條”，這裏設置為“隱藏”狀態；“動態面板”命名為“框架”；“動態面板”在state1的內容組合下命名為“內容”。
2.第二步:設置加載時“滾動條”的交互動作:設置“滾動條”的大小。
3.第三步，設置“組件:框架”為局部變量lvar 1；將“component: content”設置為局部變量LVAR2；所以滾動條的高度是[[lvar 1 . height * lvar 1 . height/lvar 2 . height]]；將滾動條的寬度設置為3。
4.第四步:設置“框架”的“滾動”交互。
5.第五步，動作1:顯示“滾動條”，動畫:逐漸，時間:200ms。
6.第六步，動作二:將“滾動條”移動到指定位置。動畫:線性，時間:200ms。
7.第七步，設置“組件:滾動條”為局部變量lvar 1；所以x的值是[[lvar 1 . x]]；
8.第八步，設置“Component: Frame”為局部變量lvar 1；將“component: content”設置為局部變量LVAR2；所以y的值是[[lvar 1 . y+this . scroll * lvar 1 . height/lvar 2 . height]]；滾動時，顯示滾動條；頁面內容在滾動，滾動條隨之下移；鼠標移出後，滾動條逐漸消失。
這將設置滾動條。