Javascript 使用js滚动到顶部

我试图在我的网站上实现一个简单的“滚动到顶部”按钮

HTML:

CSS:

#滚动到顶部{
宽度：40px；
高度：40px；
位置：固定；
右：100px；
底部：50px；
显示：块；
}

JS:

jQuery（文档）.ready（函数（$）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>150）{
$（'scrolltoop'）.fadeIn（'slow'）；
}否则{
$（'#scrolltoop'）。淡出（'slow'）；
}
});
$（'#scrolltotop'）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，500）；
返回false；
});
});

---

当我加载我的页面时，我会在一瞬间看到按钮在正确的位置，然后它会被我的

div

s的背景覆盖，该背景在我的HTML结构中位于页面下方。最后，我在页面上的任何地方都看不到它，当我检查元素时，它位于正确的位置，只是不可见。

将z-index:1000添加到“从后到上”链接中，这样它就会显示在所有内容的顶部。

我认为您只需要添加一个初始的

显示：无到
#滚动到顶部
如下：

#scrolltotop {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 100px;
    bottom: 50px;
    display:none;
}


使用
fadeIn（）
时，您需要设置元素的初始显示状态，这样您就不会试图
fadeIn（）
一个已经存在的元素。
您能否显示一些您谈论的特定
div
所在的代码。那
div的CSS呢？它可能确实像一个答案说是
z-index
，但它可能是其他的东西。你确定你没有向下滚动并且
#scrolltotop
被淡出吗？非常感谢。。。如果未设置为显示：无；在向下滚动到底部并向上滚动之前，它一直可见。。然后淡出接管。。。