Javascript jQuery scrollTop（）方法不起作用

我必须制作一个“滚动到顶部”按钮，我已经编写了HTML、CSS和主脚本

HTML

还有CSS

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('icon_top.png') no-repeat;
}

但是由于某些原因，

.scrollTop（）

该方法不起作用。即使我尝试调用

alert（）

（而其他jQuery方法工作正常）

另外，在JSFIDLE中，这段代码是有效的

确保此代码不与任何脚本冲突

尝试以下方法

if ($(this).scrollTop() != 0)

而不是

if ($(this).scrollTop() > 100)

看到这个了吗

$(document).ready(function(){
    $(window).scroll(function () {  
        if ($(this).scrollTop() != 0) {
            $('.scrollup').fadeIn();
        } else { 
            $('.scrollup').fadeOut();
        }
    }); 
    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});

---

确保不与任何内容冲突。

您需要首先包含jquery，然后才能调用其函数

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.scrollup'）.fadeIn（）；
}否则{
$（'.scrollup'）.fadeOut（）；
}
});
$（'.scrollup'）。单击（函数（）{
$（“html，body”）.animate({
滚动顶部：0
}, 600);
返回false；
});
});
.向上滚动{
宽度：40px；
高度：40px；
不透明度：1；
位置：固定；
底部：50px；
右：100px；
/*显示：无*/
/*文本缩进：-9999px*/
背景：url（'icon_top.png'）不重复；
}

浏览器上的控制台是否有任何错误？如果它在fiddle中工作，可能会出现jquery未被包含的问题。我没有错误。这没用！=0也没有帮助“在JSFIDLE中，此代码有效”意味着您还有一些与此冲突的其他代码，因此我们只能猜测发生了什么。猜测：在您的站点中是否有

。在上述代码运行后，是否会将scrollup

动态添加到DOM中？

if ($(this).scrollTop() > 100)

$(document).ready(function(){
    $(window).scroll(function () {  
        if ($(this).scrollTop() != 0) {
            $('.scrollup').fadeIn();
        } else { 
            $('.scrollup').fadeOut();
        }
    }); 
    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});