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]
- 大小: 1003 Bytes
分享到:
相关推荐
jQuery网页底部阴影浮动层文字滚动
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...
jquery百度百科底部浮动导航页面滚动预览
jquery弹出层鼠标点击弹出层可浮动在屏幕滚动,你也可以根据我上次传的内容相合,去做自己的弹出Div,去自己改造使用之
jQuery鼠标滚动条到页面底部浮动层滑动弹出信息 jQuery鼠标滚动条到页面底部浮动层滑动弹出信息
jquery ui页面滚动底部显示浮动弹出层图文列表展示
jquery网页浮动导航点击锚点链接屏幕滚动
jquery浮动固定层导航描点上下滚动的浮动定位层
jquery滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能,他能帮助新手和高级开发者们创造美好的用户体验。 jquery滚动到顶部底部仅向上效果: 点击查看演示: jquery滚动到顶部...
主要介绍了jQuery实现浮动层随浏览器滚动条滚动的方法,涉及jQuery操作页面元素滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jQuery精美浮动层效果
jQuery实现的浮动层跟随页面上下滚动效果源码.zip
jquery右侧浮动广告,随滚动条上下滚动,效果很好哦.
jQuery左侧浮动跟随鼠标上下滚动菜单代码 jQuery左侧浮动跟随鼠标上下滚动菜单代码
jQuery插件,就是沿着一个角度弹来弹去的,代码写得不怎么样,不过效果达到了,调用很简单的,里面有调用例子。ie6/ie7/ie8/firefox下都能用
非常强大的Jquery浮动层插件,值得推荐