Как получить положения x и y элемента в директиве AngularJS
В рамках функции функции ссылки у нас есть доступ кelement
объект. Я хочу определить, еслиelement
Объект находится в текущем окне просмотра / если он доступен.
В настоящее время у меня есть следующее:
link: function (scope, element, attrs, controller) {
var page = angular.element(window);
page.bind('scroll', function () {
var windowScroll = page[0].pageYOffset,
windowHeight = page[0].innerHeight;
// elementScroll = element.xpos; - this is undefined?
// elementScroll = element.getBoundingClientRect().top - this does not work... undefined?
// elementScroll = element[0].getBoundingClientRect().top - this does not work... undefined?
// ... logic follows that if elementScroll is between windowScroll & windowScroll + windowHeight it is visible!
});
Я просто не могу получить позиции x и y для моего конкретного элемента (директива может повторяться много раз).
Обратите внимание, что я не собираюсь устанавливать или использовать jQuery в своем приложении.