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

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

在线演示        积分下载        6毛下载        砍两刀下载