이전
목록
다음
레

따라다니는 배너 스크립트인데요

레인보우1492
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-08-03 (금) 12:20:44 · 3913

링크

http://m.khan.co.kr/ (239)
따라다니는게 아니라 항상 제일 하단에 스티커처럼 고정되어 있는것처럼 할려면 어떻게 해야하나요?
 
참고로 경향신문 모바일입니다.
 
<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 daum_adam_vars = {
 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";
}
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);

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>
#개발자팁 #개발자 #팁자료실 #javascript
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 3,944
12-08-07 조회 3,616
12-08-03 조회 3,512
12-07-31 조회 3,622
12-07-30 조회 3,580
12-07-16 조회 3,792
12-07-15 조회 3,510
12-07-07 조회 3,493
12-07-06 조회 3,631
12-07-03 조회 3,639
12-06-29 조회 3,231
12-06-22 조회 3,593
12-06-17 조회 3,727
12-05-21 조회 3,780
12-05-02 조회 3,359
12-05-02 조회 4,154
12-05-02 조회 3,267
12-04-30 조회 3,441
12-04-30 조회 3,134
12-03-17 조회 3,975
12-03-10 조회 3,344
12-03-08 조회 3,779
12-03-03 조회 3,525
12-02-27 조회 4,937
12-02-17 조회 4,285
12-02-16 조회 4,467
12-02-03 조회 3,265
12-01-31 조회 3,036
12-01-24 조회 3,080
12-01-17 조회 3,834
12-01-05 조회 3,389
11-12-30 조회 3,021
11-12-23 조회 4,643
11-12-08 조회 3,380
11-12-07 조회 4,357
11-11-27 조회 3,775
11-11-25 조회 4,126
11-11-23 조회 3,519
11-11-22 조회 3,454
11-11-09 조회 3,185
11-10-23 조회 3,086
11-10-19 조회 3,061
11-10-08 조회 2,765
11-10-04 조회 2,777
11-10-04 조회 5,222
11-09-01 조회 4,279
11-08-13 조회 2,452
11-08-06 조회 3,143
11-07-11 조회 3,542
11-06-27 조회 2,911
11-06-21 조회 2,562
11-06-13 조회 2,360
11-06-07 조회 2,379
11-05-26 조회 2,370
11-04-20 조회 2,680
11-03-21 조회 2,770
11-03-18 조회 2,465
11-03-11 조회 2,503
11-02-07 조회 2,328
11-01-18 조회 2,641
11-01-12 조회 2,363
11-01-06 조회 2,484
10-12-10 조회 2,745
10-12-09 조회 2,415
10-12-08 조회 4,996
10-11-29 조회 2,549
10-11-28 조회 2,749
10-11-28 조회 2,592
10-11-19 조회 2,785
10-11-04 조회 2,678
10-10-21 조회 2,388
10-10-19 조회 3,339
10-10-12 조회 2,661
10-10-07 조회 2,492
10-09-30 조회 3,447
10-09-17 조회 3,844
10-09-17 조회 3,811
10-05-31 조회 3,475
09-12-31 조회 3,628
09-07-23 조회 4,937
08-09-16 조회 3,176
08-09-06 조회 2,897
08-09-04 조회 3,332
08-08-16 조회 4,383
08-08-15 조회 3,252
08-08-14 조회 4,463
08-08-12 조회 3,834
08-07-23 조회 2,751
08-07-10 조회 3,692
08-07-04 조회 2,917
08-06-27 조회 7,571
08-06-19 조회 4,857
08-05-27 조회 5,472
08-05-25 조회 5,298
08-05-23 조회 3,372
08-05-23 조회 4,509
08-05-21 조회 4,893
08-05-20 조회 4,016
08-05-20 조회 3,253
08-04-18 조회 4,287
글쓰기