如何在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中的确切位置以及如何放置代码
之前跳过代码。如果不接受代码,则:
你的代码没问题。只要这样做:
<script type='text/javascript'>
//<![CDATA[......
some code here
//]]></script>
//
完成了 你的第一段应该是问题下面的评论?