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