Blogger ブログ用にスクロールする固定フッターを作成しようとしています (上部には表示されないが、ページを下にスクロールすると表示される固定フッター)。
Googleで作成方法を数え切れないほど検索しました。今、私は実際に別の質問への回答であるStackOverflowリンクで見つけることができる回答を見つけました、またはコードは以下です:
<style>
#fixedfooter {
position:fixed;
left:0px;
bottom:0px;
height:100px;
width:100%;
display:none;
}
</style>
<div id="fixedfooter">Contents here will not be visible on top of the page, but will appear when scrolled down 200px.</div>
<script type='text/javascript'>
$(window).scroll(function() {
if ($(this).scrollTop() < 200) {
$("#fixedfooter").hide();
}
else {
$("#fixedfooter").show();
}
});
</script>
これは jsFiddle では機能しますが、Blogger で試してみると機能しません。ここにある答えを試しましたが、何もうまくいかないようでした。
これにより、javascriptをHTML内に配置しようとしました:
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function() {
if ($(this).scrollTop() < 200) {
$("#fixedfooter").hide();
}
else {
$("#fixedfooter").show();
}
});
</script>
しかし、それでも機能しません。
レイアウトの HTML ガジェットに javascript を配置しようとしましたが、結果が得られません。
これを行うにはどうすればよいですか?それはきっと私を大いに助けるでしょう。アイデアをありがとう!