このコードを自分のサイトに追加しました (コメントとヘッダーを設定するためのすべてのものはありません): http://jsfiddle.net/WzLG2/3/以下は JavaScript です。
jQuery.noConflict();
jQuery(document).ready(function() {
var top = jQuery('#smi').offset().top - parseFloat(jQuery('#smi').css('margin-top').replace(/auto/, 0));
jQuery(window).scroll(function (event) {
// what the y position of the scroll is
var y = jQuery(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
jQuery('#smi').addClass('fixed');
} else {
// otherwise remove it
jQuery('#smi').removeClass('fixed');
}
});
});
私のサイト: http://hollyshelpings.com
ヘッダーの下にある茶色のボックスを一番上までスクロールしてから、jsfiddle のようにそこで停止しようとしています。私は論文を使用しており、jquery を有効にしています。私はワードプレスを持っており、ワードプレスで $ を jQuery に置き換えて jquery を使用する方法をすでに調べました。
このサイトからコードのベースを取得しました: Jquery for designer (リンクを投稿できません)
テストしたところ、jquery がロードされているように見えます。firebug を使用しましたが、このコードに関連するエラーは見られません (ただし、一部のプラグインにはエラーがあるようです)。私はコーディングにかなり慣れていないので、他に何をテストすべきか、またはこれを過ぎてトラブルシューティングする方法がわかりません。私の最終的な目標は、サイドのタブではなく、ソーシャル メディアのアイコンにこれを使用することです。ガイダンスや提案は大歓迎です。