이 기사에서는 브라우저에 대한 DIV의 고정 된 위치를 단순히 구현하는 JS 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! docType html public "-// w3c // dtd html 4.0 transitional // en"> <html> <head> <title> 앵커 속성 </title> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"> name = "robots"> <cript> 함수 totop () {wind window.scrollto (0, document.body.scrollheight);} 함수 left () {//alert("left");alert(document.body.scrollleft) var left = 0-document.body.scrollwidth; // 왼쪽 창으로 이동하는 픽셀 (왼쪽, 0); //alert(document.body.scrollwidth); // 전체 스크롤 막대 창의 너비 .scrollby (document.body.scrollwidth, 0);} 함수 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의 시작점까지의 거리와 같습니다. // 객체의 왼쪽 경계와 Window Olayer.style.posleft = document.body.scrollleft +init_left; }}} </script> </head> <body onload = "init ()"> <a onclick = "bottom ()"> 하단 설정 </a> <div id = "olayer"style = "위치 : 절대; 왼쪽 : 120; z-index : 2; 배경 : 녹색; 폭 : 120px; onclick = "right ()"> 오른쪽 설정 </a> <div> width = "2000px"</div> <A Style = "float : right"onclick = "left ()"> put 왼쪽 </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> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <b r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> < br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <b r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.