2017-11-11 8 views
-1

WordPressウェブサイトにスティッキーサイドバーを追加したいと思います。私は別のウェブサイトで入手できる資料を通して何度も試してみましたが、成功しませんでした。ワードプレスにスティッキーサイドバーを追加するには

私は何年も更新されていないプラグインのほとんどとしてWordPressプラグインを使いたくありません。あなたはjqueryの

を使用して動的クラスを追加することによって行うことができます

+0

コードはありますか? – lumio

答えて

0

は、これは私がスクロール動的クラスのアドオン上のサイトの私の1に使用するサンプルコードです。

$(window).scroll(function() { 

       var scroll = $(window).scrollTop(); 

       if (scroll > 100) { // This is scroll height you can change as per your need 

        $(".mobile_menu").addClass("sticky-sidebar"); // sticky-header is class which will add and mobile_menu is the base class where sticky-header will be added. 

       } else { 

        $(".mobile_menu").removeClass("sticky-sidebar"); 

       } 

      }); 
位置のようにCSSを追加する最後の必要性に enter image description here

enter image description here

:固定;およびz-インデックス:9999;

+0

こんにちは、すぐにお返事ありがとうございます。これらのコードをどこに置くべきかを教えてください。 jQueryをCSSに追加し、サイドバーにdivを配置しました。しかし、まだ –

+0

ワードプレスでこのコードを追加する場合は動作していないし、footer.phpに追加するか、ヘッダーまたはフッターに新しいjsファイルを呼び出すことができます –

関連する問題