Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Blogger中正确编写ScrollTopJavaScript?_Javascript_Jquery_Blogger - Fatal编程技术网

如何在Blogger中正确编写ScrollTopJavaScript?

如何在Blogger中正确编写ScrollTopJavaScript?,javascript,jquery,blogger,Javascript,Jquery,Blogger,我正在尝试为我的博客创建一个滚动固定页脚(固定页脚在顶部不可见,但在向下滚动页面时可见) 我在谷歌上搜索了无数次如何创建一个。现在,我找到了一个答案,可以在上找到,或者代码如下: <style> #fixedfooter { position:fixed; left:0px; bottom:0px; height:100px; width:100%;

我正在尝试为我的博客创建一个滚动固定页脚(固定页脚在顶部不可见,但在向下滚动页面时可见)

我在谷歌上搜索了无数次如何创建一个。现在,我找到了一个答案,可以在上找到,或者代码如下:

<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>

#固定页脚{
位置:固定;
左:0px;
底部:0px;
高度:100px;
宽度:100%;
显示:无;
}
此处的内容在页面顶部不可见,但在向下滚动200px时会显示。
$(窗口)。滚动(函数(){
if($(this).scrollTop()<200){
$(“#fixedfooter”).hide();
}
否则{
$(“#fixedfooter”).show();
}
});
这在JSFIDLE上是可行的,但当我在Blogger上尝试时,它就不行了。我试着找到答案,但似乎什么都不起作用

我尝试通过以下方式将javascript放入HTML中:

<script type='text/javascript'>
//<![CDATA[

$(window).scroll(function() {
    if ($(this).scrollTop() < 200) {
        $("#fixedfooter").hide();
    }
    else {
        $("#fixedfooter").show();
    }
});    
</script>

//
但它仍然不起作用

我试图将javascript放入布局中的HTML小工具中,但仍然没有结果


我该怎么做呢?这肯定会帮我大忙的。谢谢你的建议

问题是什么?输出没有显示?或者不知道在blogger中的确切位置以及如何放置代码

  • 去博主那里
  • 点击模板
  • 单击编辑html(确保首先备份模板,选项在右上角),然后在
    之前跳过代码。如果不接受代码,则:
  • 通过此站点对代码进行编码
  • 再试一次

  • 你的代码没问题。只要这样做:

    <script type='text/javascript'>
    
    //<![CDATA[......
    some code here 
    
    
    //]]></script>
    
    
    //
    

    完成了

    你的第一段应该是问题下面的评论?