브라우저를 기준으로 DIV 고정 위치 변경하기
2483 단어 브라우저
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Anchor Properties</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="noindex, nofollow" name="robots">
<script>
function top(){
window.scrollTo(0,0);
}
function bottom(){
//scrollHeight 。
window.scrollTo(0,document.body.scrollHeight);
}
function left(){
//alert("left");alert(document.body.scrollLeft)
var left = 0-document.body.scrollWidth;//
window.scrollBy(left,0 );
}
function right(){
//alert(document.body.scrollWidth);
//
window.scrollBy(document.body.scrollWidth,0);
}
function init(){
var init_pos=oLayer.style.posTop ;
var init_left=oLayer.style.posLeft;
document.body.onscroll=function(){
//document.body.scrollTop
oLayer.style.posTop=document.body.scrollTop+init_pos;
//scrollLeft
oLayer.style.posLeft=document.body.scrollLeft +init_left;
}
}
</script>
</head>
<body onload="init()">
<a onclick="bottom()"> </a>
<div id="oLayer" style="position:absolute;left:120;top:60;z-index:2;background:green;width:120px;height:120px"> ddddd
</div>
<br>
<a onclick="right()"> </a>
<div style="width:1500px;height:30px;float:left">width="2000px"</div>
<a style="float:right" onclick="left()"> </a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a onclick="top()"> </a>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Microsoft Edge 편리 기능】URL 바를 카피하면 타이틀을 포함한 Markdown 형식으로 붙여넣기 가능업무로 이용하고 있는 Microsoft 계정으로 관리를 할 수 있는 것이 일인으로 보급되었던 Microsoft Edge에는, URL을 타이틀도 포함한 Markdown 형식으로 copipe 할 수 있는 편리한 기능이 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
