使用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 } }); });