关于javascript实现的网站页面侧边悬浮框"抖动"问题

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin:0px; padding:0px;}
body{height:2000px;}
#div1{width:100px; height:200px; background:orange; position:absolute; left:0px; top:200px;}
</style>
<script>
window.onload = function(){
var oDiv = document.getElementById("div1");
window.onscroll = window.onresize = function(){
var oScrollH = document.documentElement.scrollTop || document.body.scrollTop;
oDiv.style.top = 200 + oScrollH + "px"; 
}; 
};
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

时间: 2024-12-26 10:51:35

关于javascript实现的网站页面侧边悬浮框"抖动"问题的相关文章

使用SharePoint Designer将JavaScript和自定义网站页面集成

使用SharePoint Designer将JavaScript和自定义网站页面集成 像JavaScript这样的动态脚本语言可以给你的页面带来强大的效果.为了添加JavaScript到自定义网站页面,执行以下步骤: 1. 打开SharePoint Designer 2010. 点击左侧网站页面. 2. 新建Web Part页面,重命名WroxPage.aspx.点击签出并编辑文件. 3. 打开代码视图.添加如下代码: 4. 在浏览器中预览. 选择其他书籍时,弹出信息框. PS:你必须在代码中引

JavaScript侧边悬浮框

<script> window.onscroll=function(){ var oDiv=document.getElementById('div1'); var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; oDiv.style.top=(document.documentElement.clientHeight-oDiv.offsetHeight)/2+scrollTop+'px'; star

采用SharePoint Designer将JavaScript而他们的网站页面集成的定义

采用SharePoint Designer将JavaScript而他们的网站页面集成的定义 像JavaScript这种动态脚本语言可以给你的页面震撼效果.为了加盟JavaScript要定义自己的网站页面.面步骤: 1. 打开SharePoint Designer 2010. 点击左側站点页面. 2. 新建Web Part页面,重命名WroxPage.aspx.点击签出并编辑文件. 3. 打开代码视图.加入例如以下代码: 4. 在浏览器中预览. 当选择其他书籍,弹出消息框. PS:您必须参考自己的

如何禁止使用框架iframe引用网站页面

如何禁止使用框架iframe引用网站页面:很多网站喜欢引用外站的页面,有的可能为了方便,有的可能喜欢对方网站,目的可能是多种多样的,但是有些站长并不像自己的网页被别人引用,下面就简单介绍一下如何实现此功能.方法一: if(top.location!==self.location){ top.location=self.location; } 只要在js中加上这句代码就可以解决此问题,代码比较简单这里就不多介绍了.相关阅读:1.top属性window对象的top属性一章节. 2.location属

雅虎团队经验:网站页面性能优化的34条黄金守则

1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤. 减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,如可以简单地把所有的CSS文件都放入一个

雅虎团队经验:网站页面性能优化的 34条黄金守则

1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,如可以简单地把所有的

[转载]网站前端性能优化之javascript和css——网站性能优化

之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度.这是因为把样式表放到< head />内会使页面有步骤的加载显示. 注重性能的前端服务器往往希望页面有秩序地加载.同时,我们也希望浏览器把已经接收到内容尽可能显示出来.这对于拥有较多内容的页面和网速较慢的用户来说特

雅虎网站页面性能优化的34条黄金守则(转)

雅虎团队经验:网站页面性能优化的34条黄金守则1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中

javascript实现的网站访问量统计代码

javascript实现的网站访问量统计代码:网站一般都有访问量统计工具,比较高效实用的工具多种多样,并且非常的精确.实用javascript也可以简单的实现此功能,尽管没有网络上常用的精确,不过的确也实现了一定的功能,下面就是一段代码实例,感兴趣的朋友可以参考一下: <script type="text/javascript"> /** * vlstat 浏览器统计脚本 */ var statIdName = "vlstatId"; var xmlHt