您当前的位置:首页 > 网络技术

控制顶部搜索栏的显示与隐藏

时间:2022-11-02 14:25:37    来源:    作者:
// 控制顶部搜索栏的显示与隐藏
$(function() {
	var winHeight = $(document).scrollTop();

	$(window).scroll(function() {
		var scrollY = $(document).scrollTop(); // 获取垂直滚动的距离,即滚动了多少
		if(scrollY > 50) { //如果滚动距离大于50px则显示固定栏目
			$(".header").addClass("search-fixed");  //结果 header search-fixed
		}
		if(scrollY < 50) { //如果小于50px则隐藏固定栏目
			$('.header').removeClass('search-fixed');  //结果 header
		}

	});
});
推荐资讯