0

我正在尝试为我的 Blogger 博客创建一个滚动的固定页脚（一个固定的页脚，在顶部不可见，但在页面向下滚动时可见）。

我在谷歌上搜索了无数次如何创建一个。现在，我找到了一个答案，可以在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>

但它仍然不起作用。

我试图将 javascript 放在 Layout 中的 HTML 小工具中，但仍然没有结果。

我该怎么做呢？这肯定会对我有很大帮助。谢谢你的任何想法！

4

2 回答 2

0

什么问题？输出没有显示？或者不知道在哪里以及如何在博客中放置代码。

  1. 去博主。
  2. 点击模板。
  3. 单击编辑 html（确保首先备份您的模板，选项在右上角）并在之前粘贴您的代码</body>。如果它不接受代码，则：
    1. 通过此站点htmlentities.net对代码进行编码
    2. 再试一次
于 2013-03-07T17:29:55.287 回答
0

你的代码没问题。只需这样做：

<script type='text/javascript'>

//<![CDATA[......
some code here 


//]]></script>

完毕！

于 2018-01-18T22:26:56.267 回答