Scroll Detection - 检测页滚动距离插件

Scroll Detection - 检测页滚动距离插件1687
Scroll Detection是一个简单的用来检测用户在你的网站上滚动的距离的方法。
$(window).scroll(function(){

		// 改变这一目标不同的百分比
		var targetPercentage = 70;

		///更改此设置导航栏的高度,隐藏了。如果你有一个阴影你可能需要调整高度+阴影距离这个数字
		var navBarHeight = 66;

		//改变这个内容你想要显示的ID。
		var targetID = "#navigation";

		//窗口的计算
		var scrollTo = $(window).scrollTop(),
		docHeight = $(document).height(),
		windowHeight = $(window).height();
		scrollPercent = (scrollTo / (docHeight-windowHeight)) * 100;
		scrollPercent = scrollPercent.toFixed(1);

		$('#percentageCounter h1').text(scrollPercent+"%");

		if(scrollPercent > targetPercentage) {
			$(targetID).css({ top: '0' });
		}

		if(scrollPercent < targetPercentage) {
			$(targetID).css({ top: '-'+navBarHeight+'px' });
		}

	}).trigger('scroll');

也许你还喜欢