DIV 随着滚动条 移动

最新推荐文章于 2023-05-12 11:21:57 发布
最新推荐文章于 2023-05-12 11:21:57 发布
阅读量107 收藏
点赞数
分类专栏： JavaScript 文章标签： 中国移动 JavaScript ASP XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19679/article/details/81970708
版权 
<!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>code by：haiwa - 随滚动条移动的层 - 中国asp之家 - www.aspxhome.com</TITLE>   
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">   
</HEAD>   

<BODY>   

    <div id="SubmitMSG"  
		style="BORDER-RIGHT: #d5a338 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #d5a338 1px solid; PADDING-LEFT: 9px;BACKGROUND: #ffffdb; LEFT: 25%; PADDING-BOTTOM: 5px; BORDER-LEFT: #d5a338 1px solid; WIDTH:50%; COLOR: #000000; LINE-HEIGHT: 17px; PADDING-TOP: 6px; BORDER-BOTTOM: #d5a338 1px solid; POSITION: absolute; TOP:20%; TEXT-ALIGN: left " > 
		正在上传数据，请梢等......<br/>
    </div>

<SCRIPT LANGUAGE="JavaScript">   
function move(){    
//	document.getElementById("SubmitMSG").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("SubmitMSG").offsetHeight)/2)+"px"; 	
	document.getElementById("SubmitMSG").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight * 0.2 ))+"px"; 	
}    
</SCRIPT>   
   

   
<SCRIPT LANGUAGE="JavaScript">   
<!--    
function MsgDivMove(){    
	move();
}
window.οnscrοll=MsgDivMove;    
window.οnresize=MsgDivMove;    
window.οnlοad=MsgDivMove;    
//-->   
</SCRIPT>   
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</BODY>   
</HTML>

 

iteye_19679
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中div跟随鼠标移动的练习
Fantasc的博客
08-09 125
chrome认为浏览器的滚动条是body的，可以通过body.scrollTop来获取，火狐等浏览器认为浏览器的滚动条是html的 pageX和pageY可以获取相对于当前页面的坐标，这两个属性在ie8中不兼容。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed.
html自动移动滚动条,css如何实现div随滚动条移动？
weixin_35160938的博客
05-31 2037
通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么该如何实现div随滚动条移动。使用css的定位属性position，设其值为fixed即可，该属性是将指定元素绝对定位于窗体，使用left，right，top和bottom属性来设置偏移于窗体原点的位置。示例：.mainBox{m...
如何设置跟随滚动条一起滚动的div
热门推荐
flygoa的专栏
06-17 3万+
原理 使用css的定位属性position，设其值为fixed即可，该属性是将指定元素绝对定位于窗体，使用left，right，top和bottom属性来设置偏移于窗体原点的位置。 实例源码 .mainBox{ margin:0px 10px; width:400px; height:400px; position:relative
div随滚动条移动
symgdwyh的专栏
03-30 1322
 var i=0, str="";while(i++"} document.write(str); var div = document.getElementsByTagName("div")[0]; var y = parseInt(div.style.top); setInterval(function(){  var cy = parseInt(div.style.top);  var dy
DIV层 随滚动条一起滚动
xiaokui604的专栏
03-31 2497
function scrollImg() { var posX, posY; if (window.innerHeight) { posX = window.pageXOffset; posY = window.pageYOffset; }
vue3之中div盒子的滚动条随着内容的增加而自动向下滚动
最新发布
wsdnnnnnnnnn的博客
05-12 2122
思路：需要用到ref绑定dom元素，以及dom元素的scrollTop和scrollHeight属性，最终在onUpdated函数之中让scrollTop和scrollHeight两者相等即可。scrollTop：指的是滚动条卷去的距离（滚动条向下滚动之后距离顶部的距离）scrollHeight：指的是内容的高度。
Jquery实现div层随滚动条滚动而滚动
zhoupeng的专栏
11-06 8774
针对网页div层浮动，随滚动条滚动而移动，在各大门户网站上可以说随处可见。下面就应用系统实现div浮动实例说明： 应用系统展现内容时，由于内容过多，返回按钮放到页头或页末，对用户来说操作都不方面。这个实例就是实现div层“返回”按钮随滚动条滚动而滚动。 html代码： 返回
如何让div随着滚动条移动
snow9547的专栏
10-22 1079
1.一个简单的jsp页面 秒杀首页 lastScrollY=0; function ...
div随着滚动条滚动，但是到了顶部，便不随着滚动了
06-06
div随着滚动条滚动，但是到了顶部，便不随着滚动了
基于JavaScript实现div层跟随滚动条滑动
10-22
项目需求是这样的：在一个页面放2个悬浮框，悬浮框随页面的上下滚动有上下波动的效果，最终固定在同一位置，下面通过本文给大家分享基于JavaScript实现div层跟随滚动条滑动的相关资料，对js div跟随滚动条滑动相关知识感兴趣的朋友一起学习吧
div跟随水平滚动条移动
03-10
div或其他html块内容跟随滚动条移动，滚动移动时，内容跟着移动，并保持最右边
div不随滚动条的移动而改变位置
01-12
div固定在屏幕的一个位置，不随滚动条的拖动而改变位置
js实现随滚动条滚动div位置动态变化
qq_35997468的博客
06-10 1万+
js实现随滚动条滚动，div位置动态变化，使div不会因为滚动条的下滑而导致div被上部边界覆盖。
div层随滚动条移动
daha33的博客
09-21 226
[code] 随滚动条移动的层 - 51windows.Net 正中... function sc1(){ document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentEl...
div 随着滚动条移动
lieri111的专栏
04-26 1136
测试层滚动关闭<!-- var checks = 0; var GB =0; function openwindow() { checks = document.getElementById("player").style.pixelTop; GB = document.getElementById("myplay
随滚动条移动的DIV层(正中、左上、…
php菜鸟技术天地
06-02 562
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 随滚动条移动的层 - www.chinaz.com <META HTTP-EQUIV="Content-Type" CONTENT="text/html
html div跟随页面滚动条滚动,javascript – 当我向下滚动页面时,如何让div跟随我？...
weixin_32285357的博客
06-03 1411
您可以在窗口对象上挂钩scroll事件.处理事件时,请查看窗口/文档的垂直滚动位置(有关如何操作,请参阅SO上的this answer).对div使用绝对定位,并根据需要将其顶部更新为坐标.FWIW,我会非常小心这样做.通常当用户滚动时,这是因为他们想要查看与页面上的内容不同的内容.就个人而言,我讨厌在网页上跟随我的盒子. :-)但这并不意味着有时没有充分的理由这样做.非常基本的例子(live c...
div 自动跟着滚动条移动
LegendHonor的博客
08-25 1300
div 自动跟着滚动条移动
网站加密,防止截屏，打印，另存为
微尘的世界
01-17 3487
1、禁止另存网页，把如下代码加入到网页&lt;body&gt;&lt;/body&gt;中 程序代码 &lt;noscript&gt;&lt;iframe src=*.html&gt;&lt;/iframe&gt;&lt;/noscript&gt; 2、禁止缓存可以前台HTML使用 程序代码 &lt;meta http-equiv="pragma" conte

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值