Вам необходимо получить координаты некоторых HTML -объектов, чтобы более гибко установить координаты целевого слоя. Здесь вы можете использовать такие атрибуты, как Document.body.scrolltop, но эти атрибуты получаются на стандартной веб -странице xhtml или, в простых терминах, значение, полученное в теге с <! Doctype ...>, 0; Если у вас нет этого тега, все нормально, так как получить координаты тела в XHTML? Конечно, есть способ. Мы используем Document.documentelement для замены Document.body. Например, вы можете написать это так:
Кода -копия выглядит следующим образом:
var top = document.documentelement.scrolltop || document.body.scrooltop;
|| В JS это хорошая вещь. Он может использоваться не только в условном утверждении IF, но и в присвоении переменных. Приведенный выше пример может быть записан в следующем формате:
Кода -копия выглядит следующим образом:
var top = document.documentelement.scrolltop? document.documentelement.scrolltop: document.body.scrolltop;
Таким образом, это может иметь хорошую совместимость. Обратите внимание, что если значение document.documentelement.scrolltop не объявлено, он отобразит 0 вместо этого.
Инструкции по получению положения вертикальной координат координаты стержней прокрутки на текущей странице:
document.documentelement.scrolltop вместо
document.body.scrolltop;
Document.documentelement Получает тег HTML.
Document.body получает тег тела;
В соответствии с стандартным w3c, document.body.scrolltop всегда 0, и Document.documentelement.scrolltop должен быть заменен document.documentelement.scrolltop;
Если мы хотим найти абсолютную позицию мыши относительно страницы, большинство результатов, которые мы получаем в поисковых системах, позволит вам использовать
event.clientx+document.body.scrollleft, event.clienty+document.body.scrolltop;
Странно, если вы обнаружите, что мышь отклоняется от вашего воображения, потому что объект document.body.scrollx больше не поддерживается после IE5.5.
Поэтому нам нужно добавить одно предложение;
Кода -копия выглядит следующим образом:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
Left = document.body.scrollleft;
}
if (document.documentelement && document.documentelement.scrolltop && document.documentelement.scrollleft)
{
top = document.documentelement.scrolltop;
left = document.documentelement.scrollleft;
}
Ниже приведены некоторые использование параметров:
Видимая ширина области веб -страницы: document.body.clientWidth;
Видимая область высота веб -страницы: document.body.clientheight;
Видимая ширина области веб -страницы: document.body.offsetwidth; (включая ширину линии края);
Видимая область высота веб -страницы: document.body.offsetheight; (включая ширину края);
Полная ширина текста веб -страницы: document.body.scrollwidth;
Полный текст веб -страницы: document.body.scrollheight;
Веб -страница развернута на высоком уровне: document.body.scrolltop;
Левая от веб -страницы развернута: document.body.scrollleft;
На основной части веб -страницы: Windows.Screentop;
Слева от текстовой части веб -страницы: Windows.screenleft;
Высокое разрешение экрана: Windows.Screen.height;
Ширина разрешения экрана: windows.screen.widht;
Доступная высота рабочего пространства экрана: windows.screen.AviaLheight;
Экран доступная ширина рабочей области: windows.screen.availwidth;
Получите высоту прокрутки объекта: Scrollheight;
Установите или получите расстояние между левой границей объекта и самым левым концом в настоящее время видимого содержания в окне: Scrollleft;
Установите или получите расстояние между верхней частью объекта и верхней частью видимого содержания в окне: Scrolltop;
Получите ширину прокрутки объекта: прокрутка ширины;
Получает высоту объекта по сравнению с макетом или родительской координатой, указанной родительской координатой: Свойство OffsetParent: OffSetheight;
Получите левое положение расчета объекта относительно макета или родительской координаты, указанной в свойстве OffSetSetParent: OffSetleft;
Получите рассчитанную верхнюю позицию объекта относительно макета или родительской координаты, указанной в свойстве OffSetTotop: OffSetTop;
Event.Clientx: горизонтальные координаты относительно документа;
Event.clienty: вертикальная координата относительно документа;
Event.offsetx: горизонтальные координаты относительно контейнера;
Event.Offsety: вертикальная координата относительно контейнера;
document.documentelement.scrolltop: установите вертикальную высоту прокрутки
event.clientx + document.documentelement.scrolltop: горизонтальное положение относительно документа + сумма прокрутки в вертикальном направлении;