###前提・実現したいこと
ワードプレスで、jQueryを使ってフローティングメニューをフッターに固定して、スクロールによって表示されるようにしたいです。
###発生している問題・エラーメッセージ
###該当のソースコード
固定ページに
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <div id="footerFloatingMenu"><a href="###"><img src="###" /></a></div> <script> jQuery(function() { var topBtn = jQuery('#footerFloatingMenu'); topBtn.hide(); jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { // 200pxで表示 topBtn.fadeIn(); } else { topBtn.fadeOut(); } }); }); </script>
と記入し、カスタムSCCのプラグインで
#footerFloatingMenu { display: block; width: 100%; position: fixed; left: 0px; bottom: 2px; z-index: 9999; text-align: center; padding: 0 auto; } #footerFloatingMenu img { max-width: 99%; }
を記入しましたが、フローティングメニュー自体、表示されない状況です。
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
ワードプレスVER.4.7.4
テーマは、BizVektor Global Edition(http://www.vektor-inc.co.jp/)です。
根本的に間違えているのでしょうか、よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー