div跟着滚动条移动而移动
来源:互联网 发布:php免杀一句话木马 编辑:程序博客网 时间:2024/05/01 08:03
<!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><meta charset="UTF-8"> <title>无标题页</title> <style type="text/css"> .scrolldiv{ width:100px; height:200px; position:absolute; top:300px; left:1300px; background-color:red; } </style><script type="text/javascript" src="jquery-1.8.0.min.js"></script></head><body style="width:2000px;height:8000px"><div class="scrolldiv"></div></body> <script type="text/javascript"> var timer; $(function(){ $(window).scroll(function(){ clearInterval(timer); var topScroll=getScroll(); var topDiv="300px"; //设置初始位置 var top=topScroll+parseInt(topDiv); timer=setInterval(function(){ //$(".test").css("top", top+"px"); $(".scrolldiv").animate({"top":top},500); },500)//设置时间 }) }) function getScroll(){ var bodyTop = 0; if (typeof window.pageYOffset != 'undefined') { bodyTop = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { bodyTop = document.documentElement.scrollTop; } else if (typeof document.body != 'undefined') { bodyTop = document.body.scrollTop; } return bodyTop } </script></html>
0 0
- div跟着滚动条移动而移动
- div边框随着滚动条的移动而移动
- Div滚动条移动
- div不随滚动条左右移动而改变位置
- div随滚动条移动
- div 随着滚动条移动
- 广告条随滚动条的移动而移动
- 广告条随滚动条的移动而移动
- 广告条随滚动条的移动而移动
- div 跟着鼠标移动
- Div层随滚动条移动
- 随滚动条移动的DIV层
- 随滚动条移动的DIV层
- div滚动条随鼠标左右移动
- 随滚动条滚动而移动的层
- 随滚动条滚动而移动的层
- 随滚动条滚动而移动的层
- 一串div跟着鼠标移动
- iOS每日一记 ——————之 友盟页面统计
- VS 2012内存泄漏检测之 vld ( cocos2d-x 检测内存泄漏)
- 网络编程释疑之:TCP协议的“流”特性
- android 屏幕适配方案第二版
- COM 对象与其基础 RCW 分开后就不能再使用
- div跟着滚动条移动而移动
- 【诸葛】大数据的未来:数据是商品,你就是猎物
- 第2讲(服务端的配置与启动)
- static const的作用
- 客户端网络库实现真的很简单吗?
- 异步模块定义AMD
- java 同时处理android和ios后台时
- EF6 创建数据库的方法
- 因为 setAdapter 返回的 null