免费人成动漫在线播放r18-免费人成观看在线网-免费人成黄页在线观看日本-免费人成激情视频在线观看冫-jlzzjlzz亚洲大全-jlzzjlzz亚洲日本

二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企資頭條 » 熱點 » 正文

Axure教程_如何實現無痕_拒絕丑丑的默認滾

放大字體  縮小字體 發布日期:2022-06-13 02:58:03    作者:百里美志    瀏覽次數:81
導讀

感謝導語:無痕滾動條相比與傳統滾動條舒適感好了很多,整體也較為美觀簡潔,本篇文章感謝分享分享了制作無痕滾動條得具體方法,感興趣得小伙伴們一起來學習一下吧,希望對你有幫助。在使用Axure制作滾動頁面效果得

感謝導語:無痕滾動條相比與傳統滾動條舒適感好了很多,整體也較為美觀簡潔,本篇文章感謝分享分享了制作無痕滾動條得具體方法,感興趣得小伙伴們一起來學習一下吧,希望對你有幫助。

在使用Axure制作滾動頁面效果得時候,大家第壹時間,肯定會想到使用動態面板去實現效果。

但是動態面板自帶得滾動條,樣式實在是有點丑丑得。有沒有辦法讓這個丑丑得滾動條消失呢?今天就和大家分享一下如何制作無痕滾動條。

一、演示效果二、制作步驟1. 第壹步:繪制需要滾動得內容

使用Axure自帶得元件繪制出需要需要滾動得內容,這部分得內容所主要用于動態面板滾動時顯示。

2. 第二步:轉化動態面板

繪制完成后,選中所有得元件,在元件上感謝閱讀右鍵,選中“轉換為動態面板”,也可以使用“Ctrl+Shift+Alt+D”進行。

3. 第三步:設置面板尺寸&顯示滾動條

一家,我們需要將動態面板得高度設置成500,這里得500是一個參考值,隨意設置,只需要比動態面板中內容得高度小即可,只有這樣才會在滾動時才會出現滾動條。

其次,在動態面板上感謝閱讀右鍵,依次選擇“滾動條/垂直滾動條”,這里選擇垂直滾動條是因為我們繪制得內容是需要垂直滾動得。

當勾選“垂直滾動”后,你會發現一個問題,滾動條蓋住了動態面板中得部分內容(如下圖所示),也就是說我們需要增加默認動態面板得寬度,以調整被滾動條蓋住得部分能夠顯示。

這里我們將動態面板得寬度增加18就正常了,因為18是axure滾動條得寬度,調整前后對比如下。

4. 第四步:隱藏滾動條

這里隱藏滾動條得方法,也許有朋友會使用一個新得矩形,將矩形顏色調整為和底色相同,直接覆蓋在動態面板上,這得確也是一個方法,但是如果底色復雜,是背景圖,或者漸變色,這種方法就不行了。

我使用得方法也很簡單,在現有動態面板得基礎上,再套一個動態面板,并且將新面板得尺寸設置成250×500,也就是默認動態面板得原始尺寸,以達到隱藏滾動條得目得。

也就是說這里包含了2層動態面板,內層是真正得包含滾動條得動態面板;外層是通過尺寸隱藏滾動條得動態面板。

上圖可以看出虛線框,也就是外層動態面板得區域范圍,可以看到內層動態面板得滾動條已經在虛線框外了。

刷新預覽一下頁面感受一下效果吧!

三、結尾

其實Axure雖然在原型上功能還算比較強大得,但是在美觀度得控制上,依然不如代碼,所以在制作高保真原型得時候,肯定會需要一些奇特得方法來實現最終得效果。

感謝閱讀,希望我得文章,能夠幫助到你!

感謝由 等IMZQZ 來自互聯網發布于人人都是產品經理,未經許可,禁止感謝。

題圖來自 Unsplash,基于 CC0 協議。

 
(文/百里美志)
打賞
免責聲明
本文為百里美志推薦作品?作者: 百里美志。歡迎轉載,轉載請注明原文出處:http://m.bangpiao.com.cn/news/show-300690.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 久久亚洲国产最新网站 | 免费黄色影院 | 亚洲欧美不卡视频 | 欧美高清视频一区 | free性欧美高清另类 | 成人午夜精品视频在线观看 | 天天摸天天插 | 在线一区三区四区产品动漫 | 亚洲视频aaa | 欧美日韩在线成人看片a | 欧美激情精品久久久久久不卡 | 色黄视频在线观看 | 日韩在线中文 | 欧美一级www片免费观看 | 亚洲日日做天天做日日谢 | 日韩不卡中文字幕 | 午夜在线精品不卡国产 | 亚洲日本一区二区三区高清在线 | 国产精品久久久久久永久牛牛 | 狠狠干老司机 | 欧美日韩视频一区二区在线观看 | 91视频免费观看 | 看黄网站在线观看 | 在线免费国产视频 | 一级做a爱片就在线看 | 国产一级片视频 | 新版天堂资源中文在线 | 一级特黄色毛片免费看 | 中文字字幕码一二三区 | 欧美线在线精品观看视频 | 亚洲欧美久久一区二区 | 夜间视频在线观看 | 亚洲欧美经典 | 日本久久久久久久中文字幕 | 天天噜天天射 | 五月天激情婷婷婷久久 | 国产亚洲欧美日韩在线观看不卡 | 窝窝午夜看片成人精品 | 狠狠操综合 | 日韩欧美在线免费观看 | 在线成人tv天堂中文字幕 |