Question

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

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

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

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

Answer 2

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

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

2 个答案: