고정 DIV는 스크롤 막대와 함께 스크롤되지 않습니다.

[webQD]☆★ 고정 DIV는 스크롤 막대에 구르지 않음
프로젝트 개발에서 어떤 페이지의 일부 단추는 우리가 스크롤 바를 따라 스크롤하게 하고 싶지 않다. 예를 들어 페이지를 추가하면 긴 내용이 추가되고 아래로 스크롤해서 추가하는 과정에서 우리는 항상 저장 단추를 보고 싶다.OK!
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
	<style type="text/css">
	body{
	 margin:0px;
	 padding:0px;
	}
	#nav{position:fixed; top:0;left:0; width:100%; background:#F00;}
	</style>
</head>
<body>
<div>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <br/>xxxxxxxxx<br/>
    <div id="nav">
          
    </div>
</div>
</body>
</html>

fixed 속성에 대한 설명을 살펴보자.fixed는 항상 바디를 포지셔닝할 때의 대상이고 브라우저의 창에 따라 요소의 포지셔닝을 한다.'left','top','right','bottom'속성을 통해 포지셔닝을 한다!ok!
position: absolute, absolute는 웹 페이지 경계선에 대한 것입니다.
만약에 absolute에 js 코드를 넣어도 상기 효과를 실현할 수 있지만 스크롤 바가 굴러갈 때 그 층이 이리저리 흔들리는 것을 발견할 수 있다. 그래서 이런position:fixed를 사용하면 층을 고정시킬 수 있는 방법이다!
제가 특별히 수첩을 찾아봤는데 IE6에서는 안 될 것 같아요!
    ok?

좋은 웹페이지 즐겨찾기