смещение() из увеличенного элемента

Question

jQuery documentation для offset() состояний:

Кроме того, размеры могут быть неправильными, когда страница будет увеличена пользователем; браузеры не выставляют API для обнаружения этого условия.

Однако, есть ли способ, чтобы я мог рассчитать правильное смещение в браузерах в условиях касания при использовании спрэда для увеличения содержимого страницы?

Я создал небольшой образец, демонстрирующий проблему: https://jsfiddle.net/dhykgsmp/4/ (открыт в Chrome). Прокрутите вниз и нажмите кнопку увеличения. Смещение ввода автозаполнения неверно.

спасибо.

Answer 1

Я не знаю, какова предполагаемая функциональность этого кода, но если вы хотите, чтобы элемент ввода «автозаполнения» был помещен относительно «контейнера автозаполнения», я бы предложил использовать атрибут .style.top , или получить местоположение с Element.getBoundingClientRect() и соответствующим образом установить позицию в вашей функции positionDropdown().

Answer 2

У меня была та же проблема и нашло обходное решение. Для выполнения этой работы необходим элемент корневого дочернего элемента с нулевыми смещениями.

$.fn.oldOffset = $.fn.offset; 
$.fn.offset = function() { 

    var c = $.fn.oldOffset.apply(this, arguments); 

    // root child element with zero offset 
    var wrc = $('body').children().first().oldOffset(); 

    var needToFix = wrc.left > 0 || wrc.top > 0; 
    if (needToFix) { 
     return { 
      left: c.left - wrc.left, 
      top: c.top - wrc.top 
     }; 
    } else { 
     return c; 
    } 
}