jq 页面滚动监听不执行

今天写滚动监听更改导航栏背景色的时候发现滚动监听失效了 不执行，代码如下：

$(document).scroll(function() {
		    var scroH = $(document).scrollTop();  //滚动高度
		    var viewH = $(window).height();  //可见高度
		    var contentH = $(document).height();  //内容高度
			var $headerBg = $('.header')
			var $img1 = $('.header .img1')
			var $img2 = $('.header .img2')
		 
		    if(scroH > 100){  //距离顶部大于100px时
				$headerBg.addClass('headerGd')
				$img1.addClass('hide').removeClass('show')
				$img2.addClass('show').removeClass('hide')
		    } else {
				$headerBg.removeClass('headerGd')
				$img1.addClass('show').removeClass('hide')
				$img2.addClass('hide').removeClass('show')
			}
		 
		});

问题原因是: 我把html,body的高度设成了100% 所以导致没有执行

解决方法：

html,body {
	height: auto
}