1帕翻、實(shí)現(xiàn)帶滾動(dòng)條的網(wǎng)頁(yè)滾動(dòng)
【首頁(yè)】添加一個(gè)【動(dòng)態(tài)面板】嘀掸,“左鍵單擊”動(dòng)態(tài)面板的State1横殴,放入兩個(gè)【文本段落】衫仑,以便查看滾動(dòng)效果文狱。
在【首頁(yè)】的【動(dòng)態(tài)面板】上“右鍵點(diǎn)擊”選擇【滾動(dòng)條】瞄崇,選擇想要顯示的方式
2苏研、APP/網(wǎng)頁(yè)制作不帶滾動(dòng)條的鼠標(biāo)可拖動(dòng)效果
添加一個(gè)【動(dòng)態(tài)面板】摹蘑,命名為【第一頁(yè)】衅鹿,大小要等于可滑動(dòng)界面的首頁(yè)大小區(qū)域,如500px*500px制妄;
再添加一個(gè)【動(dòng)態(tài)面板】,命名為【第二頁(yè)】耕捞,長(zhǎng)度要大于等于頁(yè)面滑動(dòng)后所全部要顯示的內(nèi)容 如500px*1500px砸脊;
(PS:“左鍵雙擊”打開(kāi)第二頁(yè)的State1凌埂,添加兩個(gè)長(zhǎng)度大于動(dòng)態(tài)面板的矩形并上色诗芜,以便查看效果)
界面效果:
(注意線的顯示瞳抓,藍(lán)色虛線是動(dòng)態(tài)面板的區(qū)域范圍)
右下角列表
"左鍵單擊"【第一頁(yè)】動(dòng)態(tài)面板,查看右上角菜單的屬性欄目伏恐,選擇雙擊用例【拖動(dòng)時(shí)】添加Case孩哑,選擇【移動(dòng)】,選擇【第二頁(yè)】動(dòng)態(tài)面板翠桦,設(shè)置為垂直拖動(dòng)横蜒。完成!
PS 還可設(shè)置拖動(dòng)結(jié)束時(shí)動(dòng)作
回到首頁(yè)销凑,在網(wǎng)頁(yè)/APP頂部添加一個(gè)熱區(qū)丛晌,命名1
選擇用例【拖動(dòng)結(jié)束時(shí)】,設(shè)置當(dāng)頂部未接觸熱區(qū)時(shí)斗幼,回到固定位置澎蛛。此方法還可設(shè)置點(diǎn)擊某個(gè)按鈕后,收起彈窗毁兆,如:點(diǎn)擊鍵盤(pán)的【完成】或【下拉收起】按鈕之后,收起鍵盤(pán)。