国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本文教給大家一個(gè)通過(guò)滾動(dòng)鼠標(biāo)查看長(zhǎng)篇幅內(nèi)容的效果，一起來(lái)看看~

在輸出B端產(chǎn)品的原型文檔時(shí)，會(huì)遇到以下這種情況：需要在固定的頁(yè)面或彈窗上展示長(zhǎng)篇幅的內(nèi)容，然后通過(guò)滾動(dòng)鼠標(biāo)來(lái)查看。

有一個(gè)比較笨的辦法是：直接拖入一個(gè)內(nèi)聯(lián)框架，然后把需要展示的內(nèi)容存放在另外一個(gè)頁(yè)面，再將內(nèi)聯(lián)框架鏈接到那個(gè)頁(yè)面，但這樣有一個(gè)不好的展示效果，就是內(nèi)聯(lián)框架的滾動(dòng)條在原型上是可以直接看到的，不夠美觀。

再有另外一個(gè)聰明點(diǎn)的辦法就是：用和背景色一致的矩形去遮擋內(nèi)聯(lián)框架的滾動(dòng)條。但凡有強(qiáng)迫癥的人，是接受不了那個(gè)丑丑的滾動(dòng)條的。但凡有追求的人，是不會(huì)止步于那種取巧的辦法的（哈哈，一點(diǎn)都不高級(jí)）

其實(shí)想要實(shí)現(xiàn)鼠標(biāo)滾動(dòng)展示內(nèi)容的效果，又不顯示丑丑的滾動(dòng)條，這個(gè)是一點(diǎn)都不麻煩的。

目前網(wǎng)上搜索到的教程（太坑人了），要么就是把滾動(dòng)和拖動(dòng)效果混淆了，要么就是具體的步驟說(shuō)得不清不楚的。

下面分享本人總結(jié)的一個(gè)詳細(xì)的操作步驟：

步驟1：新建一個(gè)頁(yè)面命名為“index”，將“內(nèi)聯(lián)框架”組件拖拽到“index”頁(yè)面中，設(shè)置其大小與位置。

步驟2：將“內(nèi)聯(lián)框架”組件轉(zhuǎn)換成動(dòng)態(tài)面板，默認(rèn)狀態(tài)為state1，選中state1取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”。

步驟3：選中“內(nèi)聯(lián)框架”組件，將其滾動(dòng)條設(shè)置為“從不顯示滾動(dòng)條”。

步驟4：切換到“index”頁(yè)面，選中state1，設(shè)置滾動(dòng)條為“無(wú)”，并再檢查state1是否取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”。

步驟5：在index的state1頁(yè)面上拖入新的一個(gè)“內(nèi)聯(lián)框架”組件，要注意的是設(shè)置大小，一定要注意滾動(dòng)條要超過(guò)index的state1頁(yè)面的顯示范圍，這樣能夠避免在頁(yè)面中顯示出滾動(dòng)條。

步驟6：將第二個(gè)“內(nèi)聯(lián)框架”組件轉(zhuǎn)換成動(dòng)態(tài)面板，將默認(rèn)狀態(tài)修改為state2。

步驟7：切換到“state1”頁(yè)面，選中state2，取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”。

步驟8：切換到“state2”頁(yè)面，選中第二個(gè)添加的“內(nèi)聯(lián)框架”組件，取消勾選“隱藏邊框”，設(shè)置框架滾動(dòng)條為“從不顯示”。

步驟9：在state1動(dòng)態(tài)面板下，修改剛剛插入的第二個(gè)“內(nèi)聯(lián)框架”組件動(dòng)態(tài)面板state2，設(shè)置“自動(dòng)顯示垂直滾動(dòng)條”。

步驟10：在state2頁(yè)面中放置你需要滾動(dòng)展示的內(nèi)容，點(diǎn)擊F5就能看到效果了。

作品效果：http://www.wulihub.com.cn/go/QxonyW/start.html

本文由 @素小白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議