<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS+CSS随屏幕滚动的带缓冲效果的右下角DIV浮动层</title> <style> html,body{ height:2000px; } </style> </head> <body> <div id="aa" style="width:200px;height:200px;background:#c0c0c0;" >拖动滚动条试试哦~</div> <br><br><hr> 收集于互联网,只为兴趣与学习交流,不作商业用途。</font></p> </body> </html> <script> function scroll(p){ var d = document,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent); if(o){ o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.r?'left':"right")+":0;"+(p.t!=undefined?'top:'+p.t+'px':'bottom:0'); if(!p.f||ie6){ -function(){ var t = 500,st = d.documentElement.scrollTop||d.body.scrollTop,c; c = st - o.offsetTop + (p.t!=undefined?p.t:(w.innerHeight||d.documentElement.clientHeight)-o.offsetHeight);//如果你是html 4.01请改成d.body,这里不处理以减少代码 c!=0&&(o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px',t=10); setTimeout(arguments.callee,t) }() } } } scroll({ id:'aa' }) </script> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 转载请注明:代码家园 » JS+CSS随屏幕滚动的带缓冲特效的右下角DIV浮动层 继续浏览有关 的文章 上一篇:JS+CSS实现的可拖拽的漂亮圆角特效的弹出层 下一篇:JS弹出可拖拽可关闭的div层 相关代码 JS弹出可拖拽可关闭的div层 JS+CSS实现几个DIV层上下移动交换位置的特效 两个不同特效DIV弹出遮罩层,遮住整个页面/可视部分 来自nVida网站上漂亮简洁的两个div层滑动切换特效 + JS+CSS随屏幕滚动的带缓冲特效的右下角DIV浮动层 + CSS+Js实现Li列表隔行换色特效 + 一款绝对定位的css布局实例 + jQuery实现DIV层淡入淡出的拖动特效 + 推荐JS+CSS布局的人气列表切换特效 + 用CSS实现LI列表图文混排的布局实例 + CSS滚动时无闪烁的固定浮动元素 + CSS让fieldset边框变成凹陷立体特效 + jQuery+css打造的一款漂亮弹出层 + JS+CSS实现的可拖拽的漂亮圆角特效的弹出层 + 用图片修饰的CSS圆角特效的实现方法 + 仿QQ旋风下载的点击链接弹出提示层的特效