따라다니는게 아니라 항상 제일 하단에 스티커처럼 고정되어 있는것처럼 할려면 어떻게 해야하나요?
참고로 경향신문 모바일입니다.
<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>
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4652 | 13년 전 | 2039 | ||
| 4651 | 13년 전 | 1686 | ||
| 4650 |
|
13년 전 | 1612 | |
| 4649 | 13년 전 | 2878 | ||
| 4648 |
아자12345
|
13년 전 | 1008 | |
| 4647 | 13년 전 | 2122 | ||
| 4646 | 13년 전 | 1553 | ||
| 4645 | 13년 전 | 1097 | ||
| 4644 |
|
13년 전 | 1334 | |
| 4643 | 13년 전 | 825 | ||
| 4642 | 13년 전 | 1354 | ||
| 4641 | 13년 전 | 717 | ||
| 4640 | 13년 전 | 1358 | ||
| 4639 | 13년 전 | 1207 | ||
| 4638 | 13년 전 | 1589 | ||
| 4637 | 13년 전 | 1091 | ||
| 4636 |
techer
|
13년 전 | 1342 | |
| 4635 |
|
13년 전 | 996 | |
| 4634 | 13년 전 | 727 | ||
| 4633 | 13년 전 | 804 | ||
| 4632 | 13년 전 | 1180 | ||
| 4631 | 13년 전 | 726 | ||
| 4630 |
|
13년 전 | 1433 | |
| 4629 | 13년 전 | 845 | ||
| 4628 | 13년 전 | 753 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기