<div id="alwaysVisible" style="position: absolute; border: solid 3px #FFA500; top: 5px;
left: 5px; color: #FFA500; width: 150px; height: 150px; padding: 10px 10px 10px 10px">
이 영역이 항상 보입니다.
</div>
<script type="text/javascript">
var offsetX = 800;
var offsetY = 50;
window.onload = scrollHandler;
function scrollHandler() {
var objVisible = document.getElementById("alwaysVisible");
var targetY = document.documentElement.scrollTop + offsetY;
//document.body.scrollTop 을 쓸경우 값이 0으로 고정됨 - 일반 Html에서만 가능
var currentY = parseInt(objVisible.style.top);
if (currentY != targetY) {
objVisible.style.left = offsetX;
var scrollAmount = Math.ceil(Math.abs(targetY - currentY) / 20)
if (currentY > targetY) {
objVisible.style.top = currentY - scrollAmount;
}
else {
objVisible.style.top = currentY + scrollAmount;
}
}
setTimeout(scrollHandler, 10);
}
</script>
'Programming > Java Script' 카테고리의 다른 글
[스크랩] 팝업 관련 함수 (0) | 2010.03.26 |
---|---|
[스크랩] 유용한 함수들 (0) | 2010.03.26 |
항상따라다니는 Div창 & 자동 창 크기 설정 스크립트 (0) | 2010.03.23 |
Window 객체 속성 (0) | 2010.03.23 |
윈도우 창 크기 알아오기 (0) | 2010.03.22 |
정규화 표현 2 (0) | 2010.02.19 |
정규식 표현 (0) | 2010.02.18 |
HTML 페이지 주소 인코딩/디코딩 하는 방법 (0) | 2010.02.18 |
asp.net TextBox 컨트롤 javascript에서 ID 불러오기 (0) | 2010.02.18 |
웹 브라우저 정보 가져오기 < navigator > (0) | 2010.02.17 |