jquery - JQuery scrollTop 值fadeIn/Out

Question

我有这个代码，所以如果'scrollTop > 200'，我的'.button' 会淡入淡出。

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

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

$(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);
        }
    });
});