Javascript 返回顶部按钮don';无法通过js显示

Javascript 返回顶部按钮don';无法通过js显示,javascript,scroll,Javascript,Scroll,当我向下滚动时,滚动顶部链接不会出现,但是当我删除CSS中的display属性时,它总是可见的,并且工作正常。您可以在页脚的CSS下方看到滚动顶部链接的CSS。所以,请帮助我让我知道我哪里做错了,我做错了什么。我已经用PHP扩展名保存了索引文件 $(文档).ready(函数(){ $(窗口)。滚动(函数(){ 如果($(this).scrollTop()>100){ $(“#滚动”).fadeIn(); }否则{ $(“#滚动”).fadeOut(); } }); $(“#滚动”)。单击(

当我向下滚动时,滚动顶部链接不会出现,但是当我删除CSS中的display属性时,它总是可见的,并且工作正常。您可以在页脚的CSS下方看到滚动顶部链接的CSS。所以,请帮助我让我知道我哪里做错了,我做错了什么。我已经用PHP扩展名保存了索引文件

$(文档).ready(函数(){
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>100){
$(“#滚动”).fadeIn();
}否则{
$(“#滚动”).fadeOut();
} 
}); 
$(“#滚动”)。单击(函数(){
$(“html,body”).animate({scrollTop:0},600);
返回false;
}); 
});
html,正文{
字体系列:“Roboto”,Helvetica,Arial,无衬线;
字体大小:14px;
线高:1.42857143;
颜色:#333333;
背景色:#f0;
溢出x:隐藏;
身高:100%;
宽度:100%;
}
#幻灯片。旋转木马内部图像{
高度:500px;
宽度:100%;
}
#幻灯片.旋转字幕{
最高:50%;
}
#幻灯片。旋转木马标题h3{
垫底:1毫米;
}
页脚{
背景色:#3f3f;
颜色:#d5d5d5;
垫面:2rem;
}
页脚a{
颜色:#d5d5d5;
}
页脚a:悬停{
颜色:#f6b31c;
文字装饰:无;
}
#脚印{
字体大小:1.6rem;
}
hr.light-100{
边框顶部:1px实心#d5d5;
宽度:100%;
边缘顶部:.8rem;
边缘底部:1rem;
}
#卷轴{
位置:固定;
右:20px;
底部:10px;
颜色:#3498db;
光标:指针;
显示:无;
字体大小:2.5rem;
z指数:1000;
}
#滚动:悬停{
颜色:#f6b31c;
}

捐赠中心

白沙瓦迪恩斯广场5楼

xxxxxxx@example.com

xxxxxx@example.com

xxxxxxx


我们的时间
星期一:上午9时至下午5时

星期六:上午10时至下午4时

星期日:休息


快速链接


&抄袭;DonateForLife.com 2018
从HTML中删除此行

<script src="js/jquery.min.js"></script>


加载一个js文件,然后再加载一个“较新”的js文件。只需加载一个min.js。

从HTML中删除这一行

<script src="js/jquery.min.js"></script>


加载一个js文件,然后再加载一个“较新”的js文件。只需加载一个min.js。

您的代码可以工作,我认为问题在于多个jquery调用。如果我只包含一次jquery,它就可以工作。只需删除以下内容

<script src="js/jquery-3.3.1.min.js"> </script>

您的代码工作正常,我认为问题在于多个jquery调用。如果我只包含一次jquery,它就可以工作。只需删除以下内容

<script src="js/jquery-3.3.1.min.js"> </script>

问题在于您将
高度设置为100
到CSS中的
html和body
,这样可以防止在
窗口
元素上触发滚动事件,因为body的高度适合内容本身

您可以删除
高度:100%
html,body{…}
样式,或者您可以将滚动事件绑定到
body
元素本身(而不是
窗口
):


替换:
$(窗口)。滚动(函数(){…})带有:
$('body')。滚动(function(){…})

问题是您将
高度设置为100
到CSS中的
html和body
,这样可以防止在
窗口
元素上触发滚动事件,因为body的高度适合内容本身

您可以删除
高度:100%
html,body{…}
样式,或者您可以将滚动事件绑定到
body
元素本身(而不是
窗口
):


替换:
$(窗口)。滚动(函数(){…})带有:
$('body')。滚动(function(){…})

为什么要加载“js/jquery.min.js”和“js/jquery-3.3.1.min.js”。尝试只加载“jquery-3.3.1.min.js”,因此删除第一个min.js。删除第一个jquery。。仍然不工作您可以尝试使用show()更改fadeIn(),或者在fadeIn()中添加一个值,如fadeIn(1000)。您可以检查控制台并将错误粘贴到红色文本中吗?已完成所有操作,但没有任何工作。为什么要加载“js/jquery.min.js”和“js/jquery-3.3.1.min.js”。尝试只加载“jquery-3.3.1.min.js”,因此删除第一个min.js。删除第一个jquery。。仍然不工作您可以尝试用show()更改fadeIn(),或者在fadeIn()中添加一个值,如fadeIn(1000)。您可以检查控制台并将错误粘贴到此处吗?已完成所有操作,但没有任何操作我已删除