jquery - jQuery滚动顶部元素未移动

在页面的实际实现中，链接与页面一起移动，但未在页面中显示（可见）。当我在浏览器中单击CSS时，该元素显示在滚动位置。

        //elemet to appear when scrolling
         <a href="#" class="scrollup">Scroll</a>

    $(document).ready(function(){

        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });

    });

    //css for the element
        .scrollup{
                    width:40px;
                    height:40px;
                    opacity:0.3;
                    position:fixed;
                    bottom:50px;
                    right:100px;
                            display:none;
            }

无法在Chrome中使用。在Firefox中工作。

最佳答案

尝试：

$('.scrollup').click(function(){
    $( 'html, body' ).animate( { scrollTop: $('body').offset().top }, 'slow' );                                     return false;
});

要么

$('.scrollup').click(function(){
    $('body').scrollTop($('body')
});