0

私はブートストラップを使用するのはまったく初めてで、接辞のナビゲーションバーに本当に興味があります。（一番下に留まり、スクロールすると一番上に移動するもの）。

ただし、試してみますが、この Web サイトの効果をコピーすることはできません: http://www.blastprocessor.co.uk/

そして、多くの調査の結果、下にスクロールしたときにアニメーションのようにメニューのテキスト（中央にある）を右（または左）に移動する方法がわかりません。そしてロゴも登場。

どうすればこれができるか知っていますか

どうもありがとうございました。

4

1 に答える 1

2

ブートストラップ接辞は、html の任意の要素用です。js ディレクトリに boostrap.js を追加し、上部および/または下部を構成するだけで済みます。この要素を変更する必要があります。例として、nav ヘッダーがあります。

<nav class="navbar navbar-inverse" role="navigation" id="affix-nav">

あなたのjsファイルでは、例えばこの行が必要です

$('#affix-nav').affix({
offset: {
  top: 100
}})

接辞はhtmlで実行されていますが、ナビゲーションは固定位置に変更されていません。接辞で追加された新しいクラスのcssを追加する必要があります

nav.affix{
width: 100%!important;
top: 0;}

これで、Web に affix navbar が表示されます。この nav でも試すことができます。

<nav class="navbar navbar-inverse" role="navigation" id="affix-nav" data-spy="affix" data-offset-top="125">

接辞用のjsファイルは必要ありません

ナビゲーションの要素で遊ぶには、次の例を確認してください

$(window).scroll(function(){
       var height = $(this).scrollTop();
       var brand = $(".navbar-brand");
       if (height > 125){
         brand.show('slow');   
       }
       else{
          brand.hide();
       }
    });
于 2014-07-31T06:35:56.577 に答える