Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测“返回顶部”按钮上的滚动至底部像素_Javascript_Jquery_Scroll_Back - Fatal编程技术网

Javascript 检测“返回顶部”按钮上的滚动至底部像素

Javascript 检测“返回顶部”按钮上的滚动至底部像素,javascript,jquery,scroll,back,Javascript,Jquery,Scroll,Back,我有这个回顶按钮的解决方案 HTML: JS: 它起作用了。但是当你想要滚动到底部200px时,把滚动按钮给我。如何设置此选项?请尝试以下代码: $(window).scroll(function() { if ($(this).scrollTop() > ($('html').height() - $(window).height() - 200)) { $('#toTop').fadeIn(); } else { $('#toTop')

我有这个回顶按钮的解决方案

HTML:

JS:

它起作用了。但是当你想要滚动到底部200px时,把滚动按钮给我。如何设置此选项?

请尝试以下代码:

$(window).scroll(function() {
    if ($(this).scrollTop() > ($('html').height() - $(window).height() - 200)) {
        $('#toTop').fadeIn();
    } else {
        $('#toTop').fadeOut();
    }
});

对不起,我没有得到你想要的??此外,您的“滚动到顶部”并没有提供像滚动到顶部这样的功能。。
#toTop {
    padding: 5px 3px;
    background: #000;
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
}
$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('#toTop').fadeIn();
    } else {
        $('#toTop').fadeOut();
    }
});
$(window).scroll(function() {
    if ($(this).scrollTop() > ($('html').height() - $(window).height() - 200)) {
        $('#toTop').fadeIn();
    } else {
        $('#toTop').fadeOut();
    }
});