Я задаюсь вопросом, как я могу получить число пикселей (или измерение в целом) от отделения к вершине окна в JavaScript. Я не ищу смещение y относительно документа, просто к вершине того, где браузер отображается. Я попробовал решение, которому "отвечают", здесь: действительно ли возможно получить позицию отделения в области просмотра браузера? Не в рамках документа. В окне, но по крайней мере в Safari, я сталкиваюсь с проблемой, куда это возвращает то же число, неважно, где отделение действительно.
Спасибо за любую справку!
//Первое получаем правильную геометрию для браузера
(function(){
Run= window.Run || {};
if(window.pageYOffset!= undefined){
Run.topLeftScroll= function(hoo){
var wo= [window.pageXOffset, window.pageYOffset]
if(hoo && hoo.nodeType== 1){
hoo= mr(hoo);
var T= 0, L= 0;
while(hoo){
L+= hoo.offsetLeft;
T+= hoo.offsetTop;
hoo= hoo.offsetParent;
}
wo= [L, T, wo[0], wo[1]];
}
return wo;
}
}
else if(document.body.scrollTop!== undefined){
Run.topLeftScroll= function(hoo){
var B= document.body;
var D= document.documentElement;
D= (D.clientHeight)? D: B;
wo= [D.scrollLeft, D.scrollTop];
if(hoo && hoo.nodeType== 1){
hoo= mr(hoo);
var T= 0, L= 0;
while(hoo){
L+= hoo.offsetLeft;
T+= hoo.offsetTop;
hoo= hoo.offsetParent;
}
wo= [L, T, wo[0], wo[1]];
}
return wo;
}
}
})()
//функция быстрого доступа
if(window.Run && Run.topLeftScroll){
Run.getPosition= function(who, wch){
var A= Run.topLeftScroll(who);
if(!wch) return A;
switch(wch.toUpperCase()){
case 'X': return A[0];// element Left in document
case 'Y': return A[1];// element Top in document
case 'L': return A[0]-A[2];// Left minus scroll
case 'T': return A[1]-A[3];// Top minus scroll
case 'SL': return A[2];// scroll Left
case 'ST': return A[3];// scroll Top
default: return 0;
}
// all returns are integers (pixels)
}
}
Проверьте, что предлагают JS Frameworks. В основном, они выработали все - или, по крайней мере, большинство - специфических проблем и специализаций браузера.
В Prototype есть функции scrollOffset(). Я недостаточно знаком с JQuery, чтобы указать вам на правильную страницу руководства, но здесь - это вопрос, который, кажется, идет в правильном направлении.
.Я немного поножовщил и нашел вот это :
function getOffsetPosition(el_id, side){
element = document.getElementById(el_id);
newNode = document.createElement("div");
newNode.innerHTML = "<div style=\"height: 12px;\"></div>";
element.insertBefore(newNode, element.firstChild);
iVal = 0;
oObj = element;
var sType = "oObj.offset"+side;
while (oObj && oObj.tagName != "html") {
iVal += eval(sType);
oObj = oObj.offsetParent;
}
element.removeChild(newNode);
return iVal;
}
Если это может помочь ^^
Этот ответ рассказывает, как получить координаты x и y элемента по отношению к происхождению (вверху слева) документа. Вам просто нужно добавить значение .scrollTop в координаты y, чтобы получить расстояние в пикселях от div до вершины области просмотра.