Question

我正在尝试复制Nike's Website上的浮动搜索选项栏。当一个滚动到达选项栏的底部时，它的位置固定在底部，当一个到达选项栏的顶部时向上滚动变为固定到顶部。

我确信这是一个简单的jquery脚本，但作为一个新手，我无法弄清楚这是怎么做的。

这是我正在使用的jQuery脚本：

google.load("jquery", "1");

function sticky_relocate() {

    var window_top = $(window).scrollTop();

    var div_top = $('#sticky-anchor').offset().top;

    if (window_top > div_top)    
        $('#sticky').addClass('stick')
    else    
        $('#sticky').removeClass('stick');

}

google.setOnLoadCallback(function() {

    $(window).scroll(sticky_relocate);    
    sticky_relocate();

});

感谢您的帮助！

Answer 1

看起来非常直接，当你滚动检查它是否正在上升或下降时。

如果它正在下降然后让它滚动页面，直到它到达底部，然后修复位置。

如果你上升，基本上做同样的事情。滚动页面直到您到达顶部，然后它停留。

您是否尝试过为此编写代码？另外，您可以发布您的页面源代码，以便我也可以尝试编写它吗？

响应Div滚动

1 个答案: