首页 > 其他分享 >DIV 随着滚动条 移动

DIV 随着滚动条 移动

时间:2023-05-16 19:05:59浏览次数:26  
标签:style document documentElement SubmitMSG 滚动条 getElementById DIV 移动


<!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>

标签:style,document,documentElement,SubmitMSG,滚动条,getElementById,DIV,移动
From: https://blog.51cto.com/u_16115638/6286390

相关文章

  • Educational Codeforces Round 148 (Rated for Div. 2) A-D2
    EducationalCodeforcesRound148(RatedforDiv.2) A.NewPalindromemap<int,int>mp;voidsolve(){strings;mp.clear();cin>>s;for(inti=0;i<s.size()/2;i++){mp[s[i]]++;}puts(mp.size()>=2?"YES......
  • GDI-OffsetClipRgn移动剪辑区域
     HRGNhrgn1=CreateRectRgn(10,10,200,200);//创建矩形区域HDChdc=::GetDC(m_hWnd);intn=SelectClipRgn(hdc,hrgn1);//选择剪切区域intn1=::OffsetClipRgn(hdc,50,0);//移动剪辑区域/*参数1:HDChdc设备环境句......
  • 构建新一代智慧园区移动应用以推动数字转型
    随着智慧城市的建设和智慧园区的崛起,智慧园区数字一体化建设成为园区发展的重心,当然数字转型离不开移动应用的整合服务。 在过去的几年中,智慧园区移动应用已经发展成为园区管理和服务的重要手段之一,为企业和员工提供了更加便捷的服务和管理方式。然而,随着人们对生活质量和工......
  • Codeforces Round 873 (Div. 2)
    CodeforcesRound873(Div.2)A-DivisibleArray思路:每个数为i时都为i的倍数,前n个数和为Sn=n*(n+1)/2,可知每个数再乘n,Sn必为n的倍数#include<bits/stdc++.h>usingnamespacestd;typedefpair<int,int>PII;typedefpair<string,int>PSI;constintN=3e5+5,INF=0x3f3f3f3......
  • js判断PC端访问还是移动端访问
    varuserAgent=navigator.userAgent.toLowerCase();if((userAgent.match(/(phone|pad|pod|iphone|ipod|ios|ipad|android|mobile|blackberry|iemobile|mqqbrowser|juc|fennec|wosbrowser|browserng|webos|symbian|windowsphone|windowsmobile|windowsce|ucweb|rv:1.2.3.......
  • Codeforces Round 873 (Div. 2)(A,B,C)
    A//由求和公式(n*(n-1))/2知道当n为偶数就行,我们将每个序号乘以2就满足了#include<iostream>usingnamespacestd;constintN=210;intt;intn;intmain(){cin>>t;while(t--){cin>>n;for(inti=1;i<......
  • Codeforces Round #358 (Div. 2) -- B. Alyona and Mex (思路水题)
    B.AlyonaandMextimelimitpertestmemorylimitpertestinputoutputSomeonegaveAlyonaanarraycontainingnpositiveintegersa1, a2, ..., an.Inoneoperation,Alyonacanchooseanyelementofthearray......
  • (一)weex 初见 了解weex认识weex 几种移动端应用开发模式比较
    由阿里开源的一套构建高性能、可扩展的原生应用夸平台开发方案一个使用Web开发体验来开发高性能原生(Android/ios)的框架使用同一套代码来构建Android、Ios和web应用不同于WebApp、Html5App或hybridApp类似框架:ReactNaitve: https://reactnative.cn支持前端库:Vue和Rax(类......
  • labview好看的动态启动界面,涉及二维图片写入,控件移动 ,动态调用等知识点,适合新手研究学
    labview好看的动态启动界面,涉及二维图片写入,控件移动,动态调用等知识点,适合新手研究学习。注:1.软件版本为2018版ID:6920613766485228......
  • C++禁止函数拷贝和移动
    #defineDISALLOW_COPY(ClassName)\ClassName(constClassName&)=delete;\ClassName&operator=(constClassName&)=delete#defineDISALLOW_MOVE(ClassName)\ClassName(ClassName&&)=delete;\ClassName&operator=......