jquery - 如何使用 jquery waypoint 在两个 id 之间显示隐藏的 div

Question

我有这个显示隐藏 div 的 jquery 脚本，当我在 A 和 B 之间以像素为单位向下滚动时（A = 我的 CV 的开始，B = CV 的结束），当不在 A 和 B 之间时返回隐藏。

$(window).scroll(function () {
    if ($(this).scrollTop() > 1800 && $(this).scrollTop() < 5550) {
        $("#cvBoxWrap").fadeIn();
    } else {
        $("#cvBoxWrap").fadeOut();
    }
}); 

是否可以用 jQuery 航点 ID 交换像素值 - 所以当用户在两个不同的 ID 之间向下滚动时 CV div 会显示，而当不在两个不同的 ID 之间时会消失？

原因是在 iPad 上查看时，像素值与 CV div ID 不匹配，因此隐藏的 div 显示不正确。

提前谢谢

我得到了它的工作：

    $(window).scroll(function () {
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) {
$("#cvBoxWrap").fadeIn();} else { 
        $("#cvBoxWrap").fadeOut(); }
    });

Answer 1

You could use empty anchors like

<a id="a1"></a>

Then check if you have scrolled to their position with

$('#a1').offset().top

Answer 2

$(window).scroll(function () {
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) {
         $("#cvBoxWrap").fadeIn(); 
    } else { 
         $("#cvBoxWrap").fadeOut(); 
    } 
});