0

我有一个有很多空白的网站（出于视觉原因）。当用户滚动一个空白区域（通常是 2000 像素或以上标记为.spacer）时，我希望显示另一个固定 div。

目的是确保用户不必滚动浏览大量空白区域。将“弹出”或出现的 div 将简单地具有将它们指向导航栏的文本。然后当用户当前没有查看.spacer时，我希望这个 div 消失/隐藏。我怎样才能使用 jquery 做到这一点？提前感谢您的时间！

4

2 回答 2

1

试试这个：

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

也许这不是你想要的，但可以给你一些关于如何实现它的想法。

于 2013-04-05T13:40:25.330 回答
1

这是多个.spacer块的示例：http: //jsfiddle.net/ant_Ti/H8t6s/

于 2013-04-05T14:01:45.140 回答