jquery 最简单有效的底部浮动层,可随屏幕滚动始终居下。 博客分类: jquery
程序员文章站
2024-03-25 20:43:52
...
1.前言。
没想到jquery的animate功能这么强大,受教了。
2.直接代码。
3.运行效果 .
[img]
1.bmp
[/img]
没想到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]