0

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 を配置しようとしましたが、結果が得られません。

これを行うにはどうすればよいですか？それはきっと私を大いに助けるでしょう。アイデアをありがとう！

4

2 に答える 2

0

問題は何ですか?出力が表示されない?または、ブロガー内のコードをどこにどのように配置するか正確にわかりません。

  1. ブロガーに移動します。
  2. テンプレートをクリックします。
  3. edit html をクリックして (テンプレートを最初にバックアップしてください。オプションは右上にあります)、コードを の前に貼り付けます</body>。コードが受け入れられない場合は、次のようにします。
    1. このサイトhtmlentities.netを介してコードをエンコードします
    2. 再試行
于 2013-03-07T17:29:55.287 に答える