- 浏览: 493135 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (191)
- Android学习 (3)
- jsp/servlet (2)
- java学习 (44)
- 数据库 (28)
- GWT开发学习 (8)
- 开发中问题 (15)
- JavaScript (48)
- 正则表达式 (1)
- svn配置 (1)
- C# (5)
- SSH (8)
- 找工作面试用 (5)
- DWR开发学习 (0)
- CSS学习 (4)
- AJAX学习 (1)
- Swing (1)
- Json (3)
- Jquery (4)
- Java 网络编程 (1)
- 管理相关 (2)
- Weblogic (1)
- 开发模式 (1)
- web前端 (6)
- 响应式设计 (1)
- Angular (5)
- 其它 (1)
- LESS (1)
- AngularJS (1)
- 负载并发、性能 (4)
- 数据结构与算法 (1)
最新评论
-
世界尽头没有你：
Java并发编程与高并发解决方案网盘地址：https://pa ...
java处理高并发高负载类网站的优化方法 -
叮咚可乐名：
Java并发编程与高并发解决方案网盘地址：https://pa ...
java处理高并发高负载类网站的优化方法 -
叮咚可乐名：
Java并发编程和高并发解决方案视频课程网盘地址：https: ...
java处理高并发高负载类网站的优化方法 -
putonyuer：
如果不是转载 ， 要点总结的非常好 ， 牛逼。
生产者消费者模式浅析 -
daxun1983：
爱得发疯
java判断是否为汉字和是否有汉字的方法
<!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>随滚动条移动的层 - 威海ABC-http://www.0631abc.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">
<META NAME="Author" CONTENT="haiwa">
<META NAME="homepage" CONTENT="www.0631abc.com">
</HEAD>
<style>
<!--
.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}
-->
</style>
<BODY>
<div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";
document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";
}
</SCRIPT>
<div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc2(){
document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";
document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>
<div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc3(){
document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";
document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>
<div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc4(){
document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";
document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";
}
</SCRIPT>
<div id="Javascript.Div5" class="div" style="width: 240px; height:90px" align="center">右下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc5(){
document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";
document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc1();sc2();sc3();sc4();sc5();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></div>
</BODY>
</HTML>
发表评论
-
jquery 选择器，模糊匹配
2015-04-18 14:58 1839按姓名匹配 1,name前缀为aa的所有div的jquery ... -
window.addEventListener来解决让一个js事件执行多个函数
2015-01-12 15:57 1263可能你也碰到过这种情况,就是在js的代码中用了window. ... -
javascript中ie8/ie9不支持Array.indexOf解决办法
2015-01-12 15:26 1323场景：js中判断一个string是否在一个js的数组中。方法 ... -
实时Javascript开发框架Clouda、Meteor、Firebase对比
2014-05-21 10:57 1113什么是实时Javascript开发框架？ 自从2009年N ... -
select边框颜色修改兼容样式
2013-10-28 10:55 5347<!DOCTYPE html PUBLIC " ... -
任意美化你的文件域 <input type="file" /> 兼容各浏览器
2013-08-31 16:23 3609样式： .fileInput{width:10 ... -
JS判断页面是否出现滚动条
2013-08-23 23:04 1377当可视区域小于页面的实际高度时，判定为出现滚动条，即： ... -
JavaScript 图片切割效果
2013-04-01 10:13 894序一（08/07/21） 很久之 ... -
显示输入剩余字数
2013-02-21 15:25 967<!DOCTYPE html PUBLIC " ... -
div固定悬浮（左侧、右侧、任意相对位置）
2013-01-08 15:14 27936<!DOCTYPE html PUBLIC " ... -
用js显示google地图总结
2012-11-26 15:37 2761功能较全的一个，可 ... -
js 计算浏览器宽度和高度
2012-11-23 11:42 2956<!DOCTYPE html PUBLIC &qu ... -
怎么样让弹出的DIV显示在网页的中间？
2012-09-05 18:30 1098怎么样让弹出的DIV显示在网页的中间？ ... -
图片大小 图片尺寸 计算
2012-08-28 15:05 1126<!DOCTYPE HTML PUBLIC " ... -
enctype="multipart/form-data"中Form参数的获取
2012-08-22 17:40 3020enctype="multipar ... -
js动态增加删除 Table 行
2012-08-07 10:59 1351<html> <head> ... -
JS动态控制鼠标位置，DIV由隐藏显示时控制画面控制
2012-06-29 16:24 6907<!DOCTYPE html PUBLIC " ... -
CSS代替bordercolorlight与bordercolordark
2012-06-11 15:51 2823CSS代替bordercolorlight与bordercol ... -
Javscript Json数据操作(数据增,删,改,查)
2012-06-02 23:30 8103<!DOCTYPE html PUBLIC " ... -
jquery 导航代码，兼容IE6,IE7,FF,OPREA,谷歌
2012-06-02 23:04 1525jquery 导航代码，兼容IE6,IE7,FF,OPREA, ...
相关推荐
div固定在屏幕的一个位置，不随滚动条的拖动而改变位置
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
将div固定在屏幕中间 将div固定在屏幕中间 将div固定在屏幕中间 将div固定在屏幕中间
随滚动条移动的DIV层
div随滚动条上下滚动,div随滚动条上下滚动div随滚动条上下滚动div随滚动条上下滚动
div浮动层不随滚动条滚动而滚动的浮动效果,始终在浏览器的某个位置不变
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置
滚动条下拉DIV固定在头部不动 内包含js下载后可直接使用
网页局部div随滚动条置顶滚动 效果很好，跟普通的滚动不太一样，没有延迟。
div或其他html块内容跟随滚动条移动，滚动移动时，内容跟着移动，并保持最右边
div滚动条 带滚动条的div div滚动条样式div滚动条 带滚动条的div div滚动条样式
div跟随固定在浏览器左边，上下拉动浏览器滚动条时div固定在左边，横向拉动滚动条时DIV会跟随主体而改变位置。
div不随滚动条的滚动而动 可以兼容到IE6 绝对好用
浮动div 页面两边滚随滚动条滚动的DIV div滚动
这个例子是把div固定在设定的地方，不跟着滚动条滚动！
div固定在屏幕顶部，卡在屏幕的上部
DIV滚动悬浮层，页面滚动条滚动，悬浮层保持位置不变！
div固定不会因为不同的分辨率移动
NULL 博文链接：https://spring036765.iteye.com/blog/775351
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...