Jquery 仅在滚动某些div时显示元素

我有一个网站有很多空白（视觉原因）。当用户在空白处滚动时（通常为2000px或以上，用

.spacer

标记），我希望显示另一个固定的div

其目的是确保用户不必滚动浏览大量空白。将“弹出”或显示的div将具有指向导航栏的简单文本。然后，当用户当前未查看

.spacer

时，我希望该div消失/隐藏。如何使用jquery实现这一点？提前感谢您抽出时间

试试这个：

$(document).ready( function() {
    $(".spacer").hide(); // Hide your div by default
    $(".spacer").each(function() {
        var this = $(this);
        var topDistance = $(this).offset().top;
        $(window).scroll(function() {
            if($(window).scrollTop() > topDistance ) { 
                this.show(); 
            }
        });
    })
});

---

也许这并不完全是您想要的，但可以为您提供一些如何实现它的想法。

这里是多个

的示例。间隔块
块：
如果
怎么办。间隔块
是几个div。您应该在每个内容区域后显示iterrataok
。间隔符
，以将其拆分。当用户滚动到
.spacer
时，我希望显示
.lost
。我该怎么做呢？对不起，它实际上是
。space
不是“spacer”
。lost
被固定在屏幕的右侧，大约在屏幕的一半。我实际上已经成功地通过CSS使用z索引实现了我想要的！谢谢大家的支持！非常感谢！嘿，谢谢！虽然我已经用CSS做了一个临时版本，但这正是我想要的。非常感谢你！非常感谢！