JQuery scrollTop值fadeIn / Out

Question

我有这个代码，以便我的'.button'会在'scrollTop＆gt; 200' 。

$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 200) {
            $('.button').fadeIn(500);
        } else {
            $('.button').fadeOut(500);
        }
    });
});

我想要发生的是，如果它在页面的某个部分，我希望'.button'为淡入淡出，如果超出指定部分则为fadeOut。例如：

$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() 200 - 500) {
            $('.button').fadeIn(500);
        } else {
            $('.button').fadeOut(500);
        }
            });
});

基本上，如果超出给定值，我希望“.button”消失。

Answer 1

你需要尝试像

这样的东西

$(document).ready(function() {
    $(window).scroll(function() {
        var scroll = $(this).scrollTop();
        if (scroll > 200 && scroll < 500) {
            $('.button').fadeIn(500);
        } else {
            $('.button').fadeOut(500);
        }
    });
});