天天看點

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

回答:

Axure添加滾動條步驟如下:

1、第一步,建立一個“垂直線”,命名為“滾動條”,這裡設定為“隐藏”狀态;“動态面闆”命名為“架構”;“動态面闆”的state1内容組合下,命名為"内容"。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

2、第二步,設定“滾動條”的“載入時”的互動動作:設定“滾動條”的大小。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

3、第三步,設定“元件:架構”為局部變量LVAR1;設定“元件:内容”為局部變量LVAR2;是以“滾動條”的高為[[LVAR1.height*LVAR1.height/LVAR2.height]];設定“滾動條”的寬為3。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

4、第四步,設定“架構”的“滾動時”的互動動作。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

5、第五步,動作1:顯示“滾動條”,動畫:逐漸,時間:200毫秒。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

6、第六步,動作2:移動“滾動條”,到達指定位置,動畫:線性,時間:200毫秒。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

7、第七步,設定“元件:滾動條”為局部變量LVAR1;是以X的值為[[LVAR1.x]];

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

8、第八步,設定“元件:架構”為局部變量LVAR1;設定“元件:内容”為局部變量LVAR2;是以Y的值為[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]];滾動的時候,顯示滾動條;頁面内容滾動式,滾動條随着下移;滑鼠移出後,滾動條逐漸消失。

html内聯架構隐藏滾動條,Axure rp9動态面闆和内聯架構的滾動條如何設定,如何滾動條隐藏但是界面可以滾動?...

這樣就設定好了滾動條。