twitterのブートストラップの.subnav auto float barのようなjqueryプラグインはどこにありますか？ uは</p> <p><a href="http://twitter.github.com/bootstrap/javascript.html" rel="nofollow">http://twitter.github.com/bootstrap/javascript.html</a></p> <p>このページを見たときに

Question

uはそれがオートスティック私はプラグインを見つけて、このような多くのカスタム設定を得たことができ

トップにあなたのページをスクロールする場所での自動フロートバーがありますか？

私はhtmlと

(function($){ 

    var $win = $(window); 
    var $nav = $('.subnav'); 
    var navTop = $('.subnav').length && $('.subnav').offset().top - 38; 
    var isFixed = 0; 

    processScroll(); 

    $win.on('scroll', processScroll); 

    function processScroll() { 
     console.log('test'); 
     var i, scrollTop = $win.scrollTop(); 
     if (scrollTop >= navTop && !isFixed) { 
      isFixed = 1; 
      $nav.addClass('subnav-fixed'); 
     } else if (scrollTop <= navTop && isFixed) { 
      isFixed = 0; 
      $nav.removeClass('subnav-fixed'); 
     } 
    }; 

})(jQuery); 

以下のように、そのページからJavaScriptコードをコピーしてきましたが、それはちょうどあなたがCSSと同様に組み込むことを確認してください

Answer 1

を最上部に移動し、固執することはできませんhtml/javascript
subnav-fixedクラスは、スタイルシートに付随するCSSがなければ無意味です。

は（放火犯経由）サイトからコピー：

.subnav-fixed { 
    /*important part*/ 
    left: 0; 
    position: fixed; 
    right: 0; 
    top: 40px; 
    z-index: 1020; 
    /*design stuff*/ 
    border-color: #D5D5D5; 
    border-radius: 0 0 0 0; 
    border-width: 0 0 1px; 
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1); 
}