1

我正在尝试复制耐克网站上的浮动搜索选项栏。当一个人滚动到足够远以到达选项栏的底部时,它的位置似乎固定在底部,而当一个人到达选项栏的顶部时,当向上滚动时,它的位置固定在顶部。

我确信这是一个简单的 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();

});

谢谢你的帮助!

4

1 回答 1

0

看起来很简单,当您滚动检查它是向上还是向下时。

如果它向下,则让它随着页面滚动,直到它到达底部,然后固定位置。

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

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

于 2012-12-08T04:36:48.730 回答