我正在尝试复制耐克网站上的浮动搜索选项栏。当一个人滚动到足够远以到达选项栏的底部时,它的位置似乎固定在底部,而当一个人到达选项栏的顶部时,当向上滚动时,它的位置固定在顶部。
我确信这是一个简单的 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();
});
谢谢你的帮助!