javascript - ScrollTop 仅在 IE Edge 中不起作用

Question

我有滚动到顶部淡入淡出功能。这适用于 Chrome、Firefox、IE11、Opera。但不适用于 Safari 和 IE Edge。我不知道为什么这不仅仅发生在这两个浏览器中。到目前为止，这是我尝试过的。

$(window).scroll(function(){
    if ($(this).scrollTop() > 475) {
        $('#btn-back-ttop').fadeIn(300);
    } else {
        $('#btn-back-ttop').fadeOut(300);
    }
});

$("#btn-back-ttop").click(function(){
    $("html").animate({
        scrollTop: 0
        }, 1000);
});

PS:我还尝试了一个建议的解决方案，将 body 和 html 的高度设置为自动，并将最小高度也设置为 100%。这似乎没有多大帮助。感谢您的帮助。

Answer 1

尝试用“html,body”替换“html”

即

$("#btn-back-ttop").click(function(){
    $("html").animate({
        scrollTop: 0
        }, 1000);
});

应该是

$("#btn-back-ttop").click(function(){
    $("html,body").animate({
        scrollTop: 0
        }, 1000);
});