JQuery通过滚动改变元素class

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

	});
});
原文地址:https://www.cnblogs.com/fwjlucifinil/p/13235939.html