javascript - 淡入后，返回顶部按钮， Chrome 中不可见

我面临一个非常奇怪的问题。

当我使用向下翻页或不完整的标识符跳转到某个div时，那时我的转到顶部图像不可见。

这是我的代码。

的HTML：

<a title="Go to top" href="#" class="back-to-top"></a>

少（css）：

.back-to-top {
position: fixed;
bottom: 50%;
right: 15px;
text-decoration: none;
overflow: hidden;
font-size: 12px;
padding: 1em;
display: none;
background-image: url("/images/go-top.png");
width: 48px;
height: 48px;

}

javascript：

    $(window).scroll(function() {
    if ($(this).scrollTop() > offset) {
        $('.back-to-top').fadeIn(600);
    }
    else {
        $('.back-to-top').fadeOut(600);
    }
});

$('.back-to-top').click(function(event) {
    $('html, body').animate({scrollTop: 0}, duration);
    return false;
});

最佳答案

DEMO

$（document）.ready（function（）{

    $('.back-to-top').hide();

    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 200) {
                $('.back-to-top').fadeIn();
            } else {
                $('.back-to-top').fadeOut();
            }
        });
    });
});

DEMO 2

$(document).ready(function () {
    $('.back-to-top').hide();
    var test = 1;
    $(function () {
        $(window).scroll(function () {
            if (test == 1) {
                if ($(this).scrollTop() > 200) {
                    $('.back-to-top').fadeIn();
                }
                test = 2;
            } else if (test == 2) {
                if ($(this).scrollTop() < 200) {
                    $('.back-to-top').fadeOut();
                }
                test = 1;
            }
        });
    });
});

关于javascript - 淡入后，返回顶部按钮， Chrome 中不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23147774/