따라다니는게 아니라 항상 제일 하단에 스티커처럼 고정되어 있는것처럼 할려면 어떻게 해야하나요?
참고로 경향신문 모바일입니다.
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 12357 | |
| 12356 |
MySQL
MySQL php함수 정리 입니다.
|
| 12355 |
MySQL
MySQL php오류 정리 입니다.
|
| 12354 |
MySQL
연산자 관련함수 정리 입니다.
|
| 12353 |
JavaScript
폼 유효성검사해주는 자바스트립트 라이브러리
|
| 20387 | |
| 12352 |
MySQL
수학 관련함수 정리 입니다.
|
| 12351 |
MySQL
문자열 관련함수 정리 입니다.
|
| 12350 |
MySQL
날짜 관련 함수 정리 입니다.
|
| 12349 | |
| 12348 |
jQuery
Ajax 화면 전환 시 애니메이션 효과
|
| 12347 |
MySQL
Query의 기본사용 정리 입니다.
|
| 12346 | |
| 12345 |
MySQL
콘솔 기본명령어 정리 입니다
|
| 12344 |
PHP
암호화 SHA-256
|
| 12343 |
MySQL
mysql 인덱싱 하는 방법 입니다.
|
| 12342 |
MySQL
MySQL 덤프방법(dump) 입니다.
|
| 12341 |
MySQL
여러데이터베이스 사용하는 방법 입니다.
|
| 12340 |
PHP
이미지에 글자쓰기
|
| 12339 |
MySQL
백업&복구(전체/부분/테이블) 하기 입니다.
|
| 12338 |
MySQL
db sql문 정리 입니다.
|
| 12337 | |
| 12336 |
JavaScript
라디오버튼, 체크박스 테두리 없애기 입니다.
|
| 12335 |
JavaScript
현재 페이지 저장하기 입니다.
|
| 12334 |
JavaScript
프린트 출력 자바스크립트 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기