Script Code:
|
1
2
3
4
5
6
7
8
9
10
11
|
function getLayer(e)
{
var e = e || window.event;
var x = e.clientX + parseInt(document.documentElement.scrollLeft, 10);
var y = e.clientY + parseInt(document.documentElement.scrollTop, 10);
var layer = document.getElementById(‘_layer_’);
layer.style.display = ‘block’;
layer.style.top = y–10;
layer.style.left = x+20;
}
|
Html Code:
|
1
2
3
4
5
6
|
<style type=”text/css”>
#_layer_{display:none;position:absolute;}
</style>
<body onClick=“getLayer(event)”>
<div id=“_layer_”>마우스를 클릭하셨군요!!</div>
</body>
|
Explain:
DOC Type이 설정되지 않은 문서의 경우에는 document.body.scrollLeft가 잘 작동하나 DOC Type이 설정된 문서의 경우 스크롤이 최상단에 있는 경우를 제외하고는 스크롤의 값을 0으로 반환한다. 위의 작성예제와 같이 document.documentElement.scrollLeft 로바꿔서 사용해보면 잘 작동되는 것을 알 수 있다.
One response
이게 기존에는 작동되던 것인데 워드프레스로 이사오고 작동이 안하네요! ㅡㅡ