JavaScript는 top_javascript 스킬로 스크롤한 후 위치 값을 변경하여 메뉴를 고정합니다.

이제 많은 웹사이트에서 페이지가 특정 높이로 스크롤되면 메뉴 표시줄이 페이지 상단에 고정됩니다. 사실 포지션의 가치를 바꾸는 것입니다.
html 코드:

코드 복사 코드는 다음과 같습니다.

;title>
="text /css">
.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;}
.header{height:150px;}
# nav{padding :10px;position:relative;top:0; background:black;width:1000px;}
a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color: white;}

>< ;/div>

11111

33333
44444 "#"

"text/ javascript" src="menuFixed.js">

var obj = document.getElementById (id);
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop if(scrollTop obj.style.position = 'relative';
}else{

obj.style.position = 'fixed'; } } 마지막으로 이 효과는 ie6에서는 position:fixed;를 지원하지 않기 때문에 지원되지 않습니다. PS: 심심할 때 javascript에 대한 지식을 바탕으로 무심코 작성한 효과입니다.