使用JQuer2.0.0监测浏览器屏幕滚动,改变元素的class
// 控制顶部搜索栏的显示与隐藏
$(function() {
var winHeight = $(document).scrollTop();
$(window).scroll(function() {
var scrollY = $(document).scrollTop(); // 获取垂直滚动的距离,即滚动了多少
if(scrollY > 75) { //如果滚动距离大于75px则显示固定栏目
$("#search-wrap").addClass("search-fixed"); //结果 search-wrap-2019 search-fixed
}
if(scrollY < 75) { //如果小于75px则隐藏固定栏目
$('#search-wrap').removeClass('search-fixed'); //结果 search-wrap-2019
}
});
});