ÆäÀÌÁö ¿À¸¥ÂÊ ³¡¿¡ °íÁ¤Çϱâ | ../ |
<div id=D1 style="position:absolute; top:0; left:0; width:100px; visibility:hidden"> <a href="#top"><img src="100.gif" width=100 height=100 border=0></a ></div>ÀÌ ¿¹Á¦ ÆäÀÌÁö¿¡¼´Â °íÁ¤µÈ À̹ÌÁö¸¦ ´©¸£¸é ÆäÀÌÁöÀÇ ¸ÇÀ§·Î À̵¿ÇÏ°Ô ÁöÁ¤ÇÏ¿´½À´Ï´Ù. Çʿ信 µû¶ó¼ HOME ÆäÀÌÁö·Î ÁÖ¼Ò¸¦ ÁöÁ¤ÇÏ¸é µÉ°ÍÀÔ´Ï´Ù. ÀÛµ¿ÇÏ´Â ¹æ½ÄÀº ¾Õ ÆäÀÌÁö¿Í °ÅÀÇ °°°í ÁÂÇ¥¸¸ ´Ù¸£°Ô ÁöÁ¤ÇÏ¿© °íÁ¤ÇÒ À§Ä¡¸¦ ÁöÁ¤ÇØ ÁÖ¸éµË´Ï´Ù.
function init() {
if(document.layers) {
var posObj = document.D1
posObj.top = window.pageYOffset + window.innerHeight - posObj.document.height
posObj.left = window.pageXOffset + window.innerWidth - posObj.document.width
posObj.visibility = "visible"
setTimeout("nnFixPos()", 111)
}
else if(document.all) {
var posObj = document.all.D1
window.onscroll = ieFixPos;
posObj.style.pixelTop = document.body.scrollTop + document.body.clientHeight - posObj.offsetHeight;
posObj.style.pixelLeft = document.body.scrollLeft + document.body.clientWidth - posObj.offsetWidth;
posObj.style.visibility = "visible"
}
}
·Î ÆäÀÌÁöÀÇ Ãâ·ÂÀÌ ³¡³ª¸é °¡Àå ¸ÕÀú ½ÇÇàÇÏ´Â ÇÔ¼ö init()ÀÔ´Ï´Ù. ÆäÀÌÁö°¡ º¸±â À§Çؼ À̵¿¸·´ë·Î À̵¿ÇÑ
ÁÂÇ¥°ªµµ °°ÀÌ ÁöÁ¤ÇØ¾ß ÀÏÁ¤ÇÑ À§Ä¡¿¡ °íÁ¤µÇ¹Ç·Î À̵¿¸·´ë°¡ ¿ñÁ÷ÀÎ °Å¸®¸¦ ³ªÅ¸³»´Â
nn4ÀÇ window.pageYOffset, window.pageXOffset°ú ie4ÀÇ document.body.scrollTop,
document.body.scrollLeft¸¦ °°ÀÌ ÁöÁ¤ÇØ ÁÝ´Ï´Ù. ±×¸®°í ÆäÀÌÁöÀÇ º¸ÀÌ´Â ºÎºÐÀÇ Å©±â¸¦ ³ªÅ¸³»´Â
nn4ÀÇ window.innerHeight, window.innerWidth¿Í ie4ÀÇ document.body.clientHeight,
document.body.clientWidth¿¡¼ °¢ ·¹À̾îÀÇ Å©±â¸¦ »©ÁÝ´Ï´Ù. ±×·¯¸é ÆäÀÌÁöÀÇ °¡Àå ¹Ø ¿À¸¥ÂÊ¿¡¼
·¹À̾ º¸ÀÔ´Ï´Ù.
±×¸®°í ie4¿¡¼´Â scroll À̺¥Æ®¿¡ ·¹À̾ °íÁ¤ÇÒ ÇÔ¼ö¸¦ ÁöÁ¤Çϰí nn4´Â ºñ½ÁÇÑ µ¿ÀÛÀ» ÇÏ´Â ÇÔ¼ö¸¦ ¹Ýº¹Çؼ ºÎ¸¨´Ï´Ù.
function ieFixPos() {
var posObj = document.all.D1
posObj.style.pixelTop = document.body.scrollTop + document.body.clientHeight - posObj.offsetHeight;
posObj.style.pixelLeft = document.body.scrollLeft + document.body.clientWidth - posObj.offsetWidth;
}
function nnFixPos() {
var posObj = document.D1
posObj.top = window.pageYOffset + window.innerHeight - posObj.document.height -20
posObj.left = window.pageXOffset + window.innerWidth - posObj.document.width -20
setTimeout("nnFixPos()", 111)
}
ie4ÀÇ scroll À̺¥Æ®¿¡ ÁöÁ¤ÇÑ ÇÔ¼ö´Â ´Ü¼øÈ÷ ·¹À̾îÀÇ °»½ÅÇÑ ÁÂÇ¥°ªÀ» ÁöÁ¤Çϰí nn4ÀÇ ÇÔ¼ö´Â
0.111 ÃÊ ÈÄ¿¡ ¹Ýº¹Çؼ ·¹À̾îÀÇ ÁÂÇ¥°ªÀ» °»½ÅÇÕ´Ï´Ù. ±×·¡¼ ÀÏÁ¤ÇÑ À§Ä¡¿¡ ·¹À̾ °íÁ¤µË´Ï´Ù.
nn4¿¡¼´Â ³¡¿¡ -20À¸·Î 20 pixelÀ» ´õ »©ÁÖ¾ú½À´Ï´Ù. À̰ÍÀº nn4¿¡¼ À̵¿¸·´ëÀÇ Å©±âµµ Æ÷ÇÔÀ»
Çϱ⠶§¹®¿¡ À̵¿¸·´ëÀÇ Å©±â¸¦ »©ÁÖ¾î¾ß ·¹À̾ À̵¿¸·´ë ¹ØÀ¸·Î µé¾î°¡´Â °ÍÀ» ¸·À» ¼ö ÀÖ½À´Ï´Ù.
±×¸®°í ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼´Â 4¶Ç´Â 2 pixelÀÌ ´õ Â÷À̰¡ ³ª´Âµ¥ ÀÌ µÎ°³¸¦ °¨¾ÈÇÑ Ä¡¼öÀÎ 20 pixelÀ»
´õ »©ÁÖ¸é ¾Ë¸Â°Ô ·¹À̾ º¸ÀÔ´Ï´Ù. ie4¿¡¼µµ ºñ½ÁÇÏ°Ô ÀÌ °ªÀ» ´õÇØÁÖ°í »©ÁÖ¸é ¿À¸¥ÂÊ ¾Æ·¡¿¡¼
¾Ë¸Â°Ô ·¹À̾ º¸ÀÔ´Ï´Ù.