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');