自舉貼上欄上

我讀了很多關於詞綴和工具條的問題的權利，但無論是我不明白好或我無法找到解決我的問題：自舉貼上欄上

繼諮詢發現在這裏，我做了JS代碼，以動態定義偏移（barrehaut是類我的頭的）：在另一個DIV

var y = $('.barrehaut').height(); 
     $('nav').affix({ 
      offset: { 
      top: y 
     }

，它的工作以及

以下的其他答案，我包裹着我的資產淨值股利「上網」：

<div class="col-md-3 hidden-print"> 
    <nav class="bs-docs-sidebar"> 
     <ul class="nav"> 
      <li class="active"><a href="#1">Environnement requis pour accéder au service EDIFLEX</a> 
       <ul class="nav nav-stacked"> 
        <li><a href="#1p1">Préambule</a></li> 
        <li><a href="#1p2">Connexion via internet</a></li> 
        <li><a href="#1p3">Conseils pour l'utilisation du logiciel de navigation</a></li> 
       </ul> 
      </li> 

    </nav> 
</div>

，當然，我定義我的詞綴CLASSE：

.affix { 
    top: 0; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: 20px; 
    position: fixed; 

    -webkit-transform: translate3d(0, 0, 0); 
    -o-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
}

兩個問題：

1 - 如何讓我當窗口大小小於XX PX我的菜單中消失了？（因爲col-md-3將沒有詞綴）

2-有沒有一種方法根據包裝的寬度（col-md-3在我的情況下）來動態修復詞綴類的寬度，以便當看不到菜單變化時固定在頂部？我知道如何通過JS添加或刪除類，但不知道如何更改CSS類的屬性，這有可能嗎？

來源

2014-08-27 Jsl

我設法做到了！

要當窗口大小小於992像素（像的Col-MD-3），我使用的CSS菜單消失：

.affix { 
    top: 0; 
    padding-right: 15px; 
    padding-left: 0px; 
    margin-right: 20px; 
    position: fixed; 
    display: none; 

    -webkit-transform: translate3d(0, 0, 0); 
     -o-transform: translate3d(0, 0, 0); 
      transform: translate3d(0, 0, 0); 
} 

@media screen and (min-width:992px){ 
    .affix { 
     display:block; 
    }

而要保持良好的寬度，我強迫寬度使用JS資產淨值：

$(function(){ 
     var y = $('.barrehaut').height(); 
     var x = $('.nav').width(); 
     $('.nav').css({"width":x}); 
     $('nav').affix({ 
     offset: { 
     top: y 
     }

但我覺得我可以用在我後來發現的CSS（@媒體屏幕相同的方法）。

來源

2014-08-28 15:19:11 Jsl

自舉貼上欄上

回答

相關問題