따라다니는게 아니라 항상 제일 하단에 스티커처럼 고정되어 있는것처럼 할려면 어떻게 해야하나요?
참고로 경향신문 모바일입니다.
<script type="text/javascript">
var adObj = document.createElement("DIV");
adObj.id="dualad_div34";
adObj.style.zindex="999";
adObj.style.position="absolute";
adObj.style.bottom="0px";
adObj.style.left="0px";
adObj.style.width="100%";
adObj.style.height="50px";
document.body.appendChild(adObj);
var adObj = document.createElement("DIV");
adObj.id="dualad_div34";
adObj.style.zindex="999";
adObj.style.position="absolute";
adObj.style.bottom="0px";
adObj.style.left="0px";
adObj.style.width="100%";
adObj.style.height="50px";
document.body.appendChild(adObj);
var daum_adam_vars = {
position : 'MIDDLE', // TOP (화면상단) | BOTTOM (화면 하단) | MIDDLE (화면 중간 삽입. bannerDivId 지정 필요)
bannerDivId : 'dualad_div34', // position : 'MIDDLE' 인 경우, 광고를 삽입할 DIV 테그의 ID 값.
};
position : 'MIDDLE', // TOP (화면상단) | BOTTOM (화면 하단) | MIDDLE (화면 중간 삽입. bannerDivId 지정 필요)
bannerDivId : 'dualad_div34', // position : 'MIDDLE' 인 경우, 광고를 삽입할 DIV 테그의 ID 값.
};
function setAdPosition(target, position, topLimit, btmLimit) {
if (!target) return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof (window.pageYOffset) == "number") {
obj.getTop = function () {
return window.pageYOffset;
}
} else if (typeof (document.documentElement.scrollTop) == "number") {
obj.getTop = function () {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
obj.getTop = function () {
return 0;
}
}
if (self.innerHeight) {
obj.getHeight = function () {
return self.innerHeight;
}
} else if (document.documentElement.clientHeight) {
obj.getHeight = function () {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function () {
return 500;
}
}
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
}
if (pos > obj.bottomLimit) pos = obj.bottomLimit;
if (pos < obj.topLimit) pos = obj.topLimit;
obj.style.top = (obj.top + pos) + "px";
}
if (!target) return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof (window.pageYOffset) == "number") {
obj.getTop = function () {
return window.pageYOffset;
}
} else if (typeof (document.documentElement.scrollTop) == "number") {
obj.getTop = function () {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
obj.getTop = function () {
return 0;
}
}
if (self.innerHeight) {
obj.getHeight = function () {
return self.innerHeight;
}
} else if (document.documentElement.clientHeight) {
obj.getHeight = function () {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function () {
return 500;
}
}
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
}
if (pos > obj.bottomLimit) pos = obj.bottomLimit;
if (pos < obj.topLimit) pos = obj.topLimit;
obj.style.top = (obj.top + pos) + "px";
}
document.body.addEventListener('touchstart', function (e) {
var evt = e || window.event;
var target = evt.target || evt.srcElement;
var node = target.parentNode;
var hide = true;
while (node) {
if (node.id === daum_adam_vars.bannerDivId) {
hide = false;
break;
}
node = node.parentNode;
}
if (hide) {
document.getElementById('dualad_div34').style.display = 'none';
}
}, false);
window.addEventListener('scroll', function () {
setAdPosition(document.getElementById("dualad_div34"), - 30, 0, - 30);
document.getElementById('dualad_div34').style.display = 'block';
}, false);
var evt = e || window.event;
var target = evt.target || evt.srcElement;
var node = target.parentNode;
var hide = true;
while (node) {
if (node.id === daum_adam_vars.bannerDivId) {
hide = false;
break;
}
node = node.parentNode;
}
if (hide) {
document.getElementById('dualad_div34').style.display = 'none';
}
}, false);
window.addEventListener('scroll', function () {
setAdPosition(document.getElementById("dualad_div34"), - 30, 0, - 30);
document.getElementById('dualad_div34').style.display = 'block';
}, false);
window.addEventListener('load', function() {
if (navigator.userAgent.indexOf('Safari')!=-1){
setTimeout(scrollTo,0,0,1);
}else{
window.scrollTo(0,1);
}
setTimeout("setAdPosition(document.getElementById('dualad_div34'), -24, 0, -24)",1);
}, false);
</script>
게시글 목록
| 번호 | 제목 |
|---|---|
| 12281 |
JavaScript
팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 입니다.
1
|
| 20386 | |
| 12280 |
jQuery
간단한 셀렉트 드롭다운 제이쿼리
|
| 12279 |
JavaScript
우클릭해제 소스 보기 자바스크립트 입니다.
|
| 12278 |
JavaScript
미리보기 소스 입니다.
|
| 12277 |
JavaScript
움직임이 자연스러운 자바시계 입니다.
|
| 12276 |
JavaScript
특정사람에게 메일 보내기 입니다.
|
| 12275 |
JavaScript
DirectX의 와이프 기능을 사용한 이미지 스와핑 효과 내기 입니다.
|
| 12274 |
JavaScript
iframe 써서 노 프레임 효과 내기 입니다.
|
| 12273 |
jQuery
이미지 없이 구현하는 간단한 별점 기능 제이쿼리
|
| 12272 | |
| 12260 |
node.js
Node.js - 실시간 위치 추적 (1)
11
|
| 360 | |
| 12258 | |
| 12257 | |
| 12256 | |
| 12255 | |
| 12253 | |
| 12252 | |
| 12251 | |
| 12250 | |
| 12249 | |
| 12248 | |
| 12247 | |
| 12246 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기