2017-01-23 28 views
0

我搜索了輸入時出現的幾個建議問題,但找不到我的問題的答案。這款造型從何而來?

我正在使用Uikit V2,並且我有一個粘滯組件的div。這裏:

<div class="uk-sticky" data-uk-sticky id="nvbr"> 
       <nav class="uk-navbar-center"> 
        <a class="uk-button" href="#pg5"><h3>Contact</h3></a> 
        <a class="uk-button" href="#pg6"><h3>AboutUs</h3></a> 
        <a class="uk-button" href="#pg3"<h3>Services</h3></a> 
       </nav> 
      </div> 

這適用於全屏幕,但是當我調整到一個小屏幕,酒吧變得非常寬。我打開然後在檢查員在Chrome和我得到這條線:

<div class="uk-sticky-placeholder" style="height: 123px; margin:0px;"> 

這將在我的代碼,我該如何解決它?我看着Uikit和Uikit.js。

(我應該注意,當我在檢查,如果我改變123px說10px的,它看起來很好。)

感謝所有。

+3

設置元素屬性修改的斷點。然後調整屏幕大小,它應該觸發斷點。然後,您應該能夠找到使堆棧跟蹤中的樣式發生更改的代碼。 – Barmar

+1

我的猜測是* Uikit *並不是要處理動態屏幕大小調整。它可能僅在頁面加載時計算尺寸一次。嘗試設置屏幕大小並重新加載 – Phil

+0

這可能與您無關,但您的標記有語法錯誤。您的第三個錨標記缺少'「#pg3」' –

回答