Прокрутка Javascript, XHTML Doctype, IE6 - IE8 и коронарный - PullRequest
Новая
       11

Прокрутка Javascript, XHTML Doctype, IE6 - IE8 и коронарный

1 голос
/ 28 апреля 2010

Я часами работал над этим и не могу понять.

У меня есть установка, которая вытягивает некоторые данные координат в javascript и анализирует их в интерактивную карту (используя canvas {и excanvas для пользователей IE6}) в браузере для пользователя. Все работает нормально, за исключением одной проблемы: при наведении курсора на карту после прокрутки вниз страницы наведение на величину прокручивается.

Это код как есть: 

function getOffset(evt) {
    var obj = document.getElementById("myCanvas");
    setPageTopLeft(document.getElementById("myCanvas"));
    return [(evt.clientX - obj.pageLeft), (evt.clientY - obj.pageTop)];
}

function setPageTopLeft(o) {
    var top = 0, left = 0, obj = o;

    alert('scrollTop w/ getElementById: ' + document.getElementById("myCanvas").scrollTop + ' scrollTop w/ .body.:' + document.body.scrollTop + ' window.pageYOffset: ' + window.pageYOffset);

    top = document.getElementById("myCanvas").scrollTop;
    left = document.getElementById("myCanvas").scrollLeft;

    while (o.offsetParent) {
        left += o.offsetLeft;
        top += o.offsetTop;
        o = o.offsetParent;
    };
    obj.pageTop = top;
    obj.pageLeft = left;
}

Использование типа документа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

alert () - это тесты, которые я запускаю, пытаясь заставить его работать. Я знаю, что Firefox работает с window.pageYOffset, но мне нужно что-то, что работает с IE6 + IE7 + IE8.

Ответы [ 2 ]

0 голосов
/ 01 июня 2011

У меня была такая же проблема. Через год после оригинального поста, так что надеюсь, что это полезное дополнение.

Может быть «хорошо задокументировано» использовать scrollTop, но я обнаружил, что хотя IE8 не имеет значения для window.pageYOffset, которое я использовал, оно работает в Firefox, Opera, Safari и Chrome ...

и исправление «хорошо документировано» НЕ работает в Chrome или Safari ... в настоящее время.

0 голосов
/ 29 апреля 2010

Хорошо, я понял. Я был дебилом. Это довольно хорошо документировано, чтобы использовать 'document.documentElement.scrollTop', что, как я думал, означало, что я должен заменить 'documentElement' на элемент, который я использовал в настоящее время. Вы должны буквально использовать document.documentElement.scrollTop для получения значений.

...