이 예에서는 Javascript를 사용하여 페이지를 스크롤할 때 DIV가 맨 위에 도달하면 맨 위에 있는 DIV를 수정합니다. IE에서는 효과가 약간 화려합니다. 효과 URL: http://www.keleyi.com/keleyi/phtml/fixdiv.htm 다음은 코드입니다: 코드 복사 코드는 다음과 같습니다. href="http://www.keleyi.com/menu/net/" target="_blank">.NET 자바스크립트 jQuery C# < ;a href="http:/ /www.keleyi.com/menu/other/" target="_blank">기타 홈페이지 <br>$(function () { <br>var ie6 = document.all; <br> var dv = $(' #fixedMenu_keleyi_com'), st; <br>dv.attr('otop', dv.offset().top); //상단으로부터의 원래 거리를 저장합니다<br>$(window). scroll(function () { <br>st = Math.max(document.body.scrollTop || document.documentElement.scrollTop); <br>if (st >parseInt(dv.attr('otop'))) { <br>if (ie6 ) {//IE6은 고정 속성을 지원하지 않으므로 이 효과는 위치를 절대 및 상단으로 설정해야만 얻을 수 있습니다. <br>dv.css({ position: 'absolute', top: st } ); <br>} <br> else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 }) <br>} else if (dv.css('position' ) != 'static') dv.css({ 'position': 'static' }) <br>}) <br></script> ; <BR></body></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
