Wordpress Twenty Elevenテーマを使用したフローティングナビゲーションメニュー

Question

現在、WordPress Twenty Elevenテーマを使用してサイトを開発しています。過去にスクロールしたメインナビゲーションバーを画面上部に貼り付けたいと思いますこのページの右側にある段落http://fiddle.jshell.net/zsJAr/show/light/。

これまでのところ、私はちょうどオープニングheadタグの後にjQueryをインクルードするヘッダ内のコードを追加しました：

<?php wp_enqueue_script("jquery"); ?> 

を、後に、私はhead終了タグの前に私のJavaScriptが含まれている：

<script type="text/javascript" 
src="<?php bloginfo("template_url"); ?>/js/moveScroller.js"></script> 

moveScroller.jsの内容は次のとおりです。

var $j = jQuery.noConflict(); 

$j(window).load(function(){ 
    $j(function() { 
     var a = function() { 
     var b = $j(window).scrollTop(); 
     var d = $j("#access-anchor").offset({scroll:false}).top; 
     var c=$j("#access"); 
     if (b>d) { 
      c.css({position:"fixed",top:"0px"}) 
     } else { 
      if (b<=d) { 
      c.css({position:"relative",top:""}) 
      } 
     } 
     }; 
     $j(window).scroll(a);a() 
    }); 
}); 

「アクセス」IDと「アクセスアンカー」IDが宣言されています

これはまったく効果がないようですが、これについてどうすればよいか分かりません。 WordPressの使用経験がほとんどないので、私はこの問題について本当に助けていただきたいと思います。誰かがこれについてどうやって行くのか考えていますか？

Answer 1

だから、これはおそらく不可能であるか、それほど複雑すぎるようです。誰もこれをWordPress Stack ExchangeやWordPressフォーラムで知っているわけではないので、私はそれをあきらめなければならない:(

Answer 2

jQueryを使用している場合は、スクロールをアニメートすることもできます。もっと面白く見える=） 私はこのコードを1週間前に使用しました。位置固定は使用しません。簡単に：

var scroll = 0; //initially scroll is 0 
var marginTop = 10; //we add an initial margin 
$(window).scroll(function() { 
     //once the user scrolls, we calculate the new margin-top 
     marginTop = ($(document).scrollTop() - scroll) + marginTop; 
     //and we save the new amount of scroll, for the next time 
     scroll = $(document).scrollTop(); 
     $("#divYouWantToMove").animate({"marginTop": marginTop+"px"}, {duration:500,queue:false}); 
}); 

希望します！