欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery 最简单有效的底部浮动层,可随屏幕滚动始终居下。 博客分类: jquery  

程序员文章站 2024-03-25 20:43:52
...
1.前言。
   没想到jquery的animate功能这么强大,受教了。
2.直接代码。
    
	    <div id="pp_sc" style="position:absolute;z-index:9999;">
					当前页数12总数:70
		</div>
		<script >
			$(document).ready(function(){
			var temp=$(document).scrollTop();
			$(window).scroll(function (){
				var st=$(document).scrollTop();
				if($(document).scrollTop()>temp){
			        offsetTop=700+ $(document).scrollTop();
			        temp=$(document).scrollTop();
				}else{
			        offsetTop=700- $(document).scrollTop();
			        temp=$(document).scrollTop();
				}
				offsetTopStr=offsetTop+"px";
				$("#pp_sc").animate({top : offsetTopStr },{ duration:500 , queue:false });
			});
			$(window).scroll(); 
		}); 
		</script>	


3.运行效果 .
[img]
1.bmp

[/img]
  • jquery 最简单有效的底部浮动层,可随屏幕滚动始终居下。
            
    
    博客分类: jquery  
  • 大小: 1003 Bytes