在Axure中有一個(gè)非常好用且常用的部件——?jiǎng)討B(tài)面板，動(dòng)態(tài)面板很常用的一個(gè)功能是利用不同狀態(tài)頁做tab的切換、輪播圖等，但咱們今天要說的不是關(guān)于這方面的問題。這里我們要說的是關(guān)于動(dòng)態(tài)面板的屬性：固定到瀏覽器的使用。

關(guān)于這一點(diǎn)，很多同學(xué)會(huì)遇到這樣的問題：明明已經(jīng)設(shè)置了動(dòng)態(tài)面板的固定到瀏覽器，但是為什么在預(yù)覽的時(shí)候，設(shè)置了固定的這個(gè)動(dòng)態(tài)面板在頁面中消失不見了呢？

比如，預(yù)覽的時(shí)候應(yīng)該是這樣的效果的：希望頁面在滾動(dòng)的時(shí)候，底部導(dǎo)航能保持在頁面底部的位置不變，頁面其他內(nèi)容的滾動(dòng)不對它產(chǎn)生影響。

? ? ? ? ? ? ? ??

但有的時(shí)候預(yù)覽的時(shí)候卻出現(xiàn)這樣的情況，打開之后直接沒有顯示底部導(dǎo)航。

?

不管是學(xué)員，還是日常前來咨詢溝通的朋友中，都有人反映過這個(gè)問題。

這里就以這篇文章統(tǒng)一跟存在這個(gè)問題的朋友們做一次答疑，列舉一下可能的原因，下次還遇到這個(gè)問題的話可以逐一進(jìn)行排查。

1、是否設(shè)置了隱藏？

這個(gè)原因看似簡單，但時(shí)常有同學(xué)在做的時(shí)候忽略了這一點(diǎn)，尤其是動(dòng)態(tài)面板，特別要注意。

兩處地方需要檢查是否設(shè)置了隱藏，一是動(dòng)態(tài)面板本身，二是動(dòng)態(tài)面板的狀態(tài)頁內(nèi)的內(nèi)容是否設(shè)置了隱藏。其中一處地方或者兩處都隱藏的話，哪怕設(shè)置了固定也無法顯示。

2、是否被其他部件遮擋？

檢查一下是否在做的過程中被放置到其他內(nèi)容的下方，從而被遮擋住了。

如果是這個(gè)原因的話，可以有兩種處理方式。

一是將動(dòng)態(tài)面板的放置順序調(diào)整一下，直接調(diào)整為頂層顯示即可。

?

二是在固定瀏覽器的時(shí)候，將”始終保持頂層<僅限瀏覽器中>”保持選中狀態(tài)。這樣不管動(dòng)態(tài)面板的位置處于哪一個(gè)，都能夠在預(yù)覽時(shí)，讓動(dòng)態(tài)面板始終保持在頂層顯示，不會(huì)被任何內(nèi)容遮擋住。

?

3、是否超出了瀏覽器顯示范圍？

有可能是超出瀏覽器顯示范圍了，你設(shè)置固定瀏覽器的時(shí)候在垂直/水平&頂/中/底的選擇處觀察一下它的固定值。

比如咱們的例子中瀏覽器高度是667，也就意味著頁面內(nèi)容的y>667的內(nèi)容均不在頁面的默認(rèn)顯示范圍內(nèi)，需要做另外的設(shè)置讓它們顯示，這是后話。

?

如果動(dòng)態(tài)面板的位置剛好大于667，那么它就不會(huì)默認(rèn)顯示的。所以這里要看看，動(dòng)態(tài)面板的位置在哪里。

?

可以看到這時(shí)候它的位置y為979，明顯大于667，所以不能默認(rèn)顯示。

這個(gè)時(shí)候有兩個(gè)方法：

a. ?? 將底部導(dǎo)航這個(gè)動(dòng)態(tài)面板的位置調(diào)整至剛好處于瀏覽器底部的位置。如果比較難確定位置的話，可以借助輔助線幫助。

?

這種方法調(diào)整好位置之后，在固定在瀏覽器的設(shè)置中則不需要去設(shè)置位置參數(shù)，直接選擇固定即可。對于不能正確設(shè)置參數(shù)的同學(xué)，可以考慮采用這種方法。

?

b.修改固定值或固定到底部

這里的底部同時(shí)也是針對于瀏覽器而言，不管瀏覽器的大小如何變化，動(dòng)態(tài)面板都是保持固定在瀏覽器的底部。這時(shí)動(dòng)態(tài)面板的所在位置就顯得不那么重要了。

針對動(dòng)態(tài)面板設(shè)置固定到瀏覽器之后，預(yù)覽時(shí)卻無法顯示的情況，這里給大家列舉了幾種可能的原因。大家在遇到的時(shí)候可以根據(jù)這幾個(gè)原因和處理方法逐一進(jìn)行排查，希望能解決大家的疑惑。

設(shè)置邊距的方法這里就不講，也相當(dāng)于給大家留意一個(gè)思考題吧。大家可以嘗試著做一做，有什么發(fā)現(xiàn)或者問題都?xì)g迎前來交流意見。