中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

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

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

一、演示效果

二、制作步驟

1. 第一步：繪制需要滾動的內容

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

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

繪制完成后，選中所有的元件，在元件上點擊右鍵，選中“轉換為動態面板”，也可以使用“Ctrl+Shift+Alt+D”進行。

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

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

其次，在動態面板上點擊右鍵，依次選擇“滾動條/垂直滾動條”，這里選擇垂直滾動條是因為我們繪制的內容是需要垂直滾動的。

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

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

4. 第四步：隱藏滾動條

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

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

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

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

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

三、結尾

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

感謝閱讀，希望我的文章，能夠幫助到你！

本文由 @IMZQZ 原創發布于人人都是產品經理，未經許可，禁止轉載。

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