레

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

· 2012-08-03 (금) 12:20:44 · 4009
따라다니는게 아니라 항상 제일 하단에 스티커처럼 고정되어 있는것처럼 할려면 어떻게 해야하나요?
 
참고로 경향신문 모바일입니다.
 
<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>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-07-14 조회 5,450
13-07-14 조회 5,419
13-07-14 조회 4,708
13-07-14 조회 4,314
13-07-14 조회 4,174
13-07-14 조회 4,235
13-07-14 조회 4,955
13-07-14 조회 4,597
13-07-14 조회 4,381
13-07-14 조회 5,421
13-07-14 조회 5,311
13-07-14 조회 5,083
13-07-14 조회 4,803
13-07-14 조회 5,487
13-07-13 조회 3,760
13-07-01 조회 5,767
13-07-01 조회 5,849
13-07-01 조회 3,939
13-07-01 조회 5,436
13-05-27 조회 4,010
13-05-21 조회 5,047
13-05-02 조회 1만
13-04-29 조회 5,250
13-04-15 조회 5,502
13-04-13 조회 6,437
13-02-27 조회 4,120
13-02-26 조회 6,516
13-02-12 조회 5,272
13-02-01 조회 2.3만
13-01-23 조회 3,562
13-01-09 조회 8,048
13-01-07 조회 4,968
13-01-07 조회 3,719
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,400
12-12-27 조회 4,524
12-12-27 조회 4,216
12-12-27 조회 8,885
12-12-18 조회 3,707
12-12-12 조회 3,741
12-12-12 조회 6,776
12-12-12 조회 8,194
12-12-05 조회 5,472
12-12-01 조회 6,785
12-11-22 조회 4,690
12-11-09 조회 5,538
12-11-09 조회 7,607
12-10-29 조회 4,823
12-10-16 조회 6,372
12-10-09 조회 5,441
12-09-02 조회 4,538
12-09-01 조회 3,655
12-08-30 조회 4,313
12-08-30 조회 4,309
12-08-28 조회 3,650
12-08-21 조회 7,222
12-08-20 조회 3,752
12-08-18 조회 5,164
12-08-18 조회 3,530
12-08-11 조회 3,690
12-08-09 조회 3,862
12-08-07 조회 3,843
12-08-07 조회 4,414
12-08-01 조회 4,671
12-08-01 조회 4,556
12-07-20 조회 9,923
12-07-17 조회 4,283
12-07-15 조회 4,037
12-07-10 조회 4,313
12-07-09 조회 7,028
12-07-05 조회 3,352
12-07-04 조회 3,525
12-06-30 조회 5,753
12-06-28 조회 3,856
12-06-20 조회 4,008
12-06-16 조회 3,311
12-06-14 조회 3,962
12-06-07 조회 3,989
12-06-06 조회 6,348
12-05-27 조회 4,561
12-05-25 조회 3,307
12-05-25 조회 3,130
12-05-24 조회 3,259
12-05-24 조회 4,598
12-05-23 조회 3,972
12-05-22 조회 6,590
12-05-15 조회 4,116
12-05-15 조회 3,675
12-05-14 조회 3,116
12-05-12 조회 3,566
12-05-11 조회 7,059
12-05-07 조회 4,493
12-04-28 조회 3,699
12-04-25 조회 5,349
12-04-15 조회 3,924
12-04-12 조회 4,762
12-04-11 조회 3,527
12-04-08 조회 3,377
12-03-21 조회 6,430