Как найти определенную позицию на каждом экране?

#javascript #jquery #asp.net #css

Вопрос:

Я хочу найти координаты определенной части экрана Windows.Я должен передать их в качестве параметра некоторой функции JavaScript. Эта функция отобразит всплывающую подсказку div в определенной позиции страницы (на 2 дюйма выше нижнего правого угла) независимо от разрешения, размера экрана или браузера посетителя.

Для демонстрации, пожалуйста, смотрите эту ссылкуhttp://www.dhtmlgoodies.com/submitted-scripts/title-to-note/title-to-note.html

1. Что, если экран всего 2 дюйма высотой? 🙂

2. Пиксели можно изменить, но как вы определяете, отображается ли у вас 800×600 на 15-дюймовом мониторе или слепой парень использует 25 »

3. @Pointy, пожалуйста, посмотрите на это dhtmlgoodies.com/submitted-scripts/title-to-note /…

4. @Chad, пожалуйста, посмотрите ссылку, которую я вставил в свой отредактированный вопрос. Спасибо

5. Это определяет положение в пикселях, а не измерение в дюймах. 2 дюйма на дисплее 1680×1050 22 » — это другое количество пикселей, чем у 11-дюймового нетбука с разрешением 960×540. Вы можете сделать это в процентах, но вы не получите ровно 2 дюйма на всех дисплеях.

Ответ №1:

 <div style="position:absolute; bottom: 2in; right: 0px;">test</div>

Редактировать:

 $(document).ready(function() {
    var height = $(window).height();
    var width = $(window).width();
    alert('width: ' width '; heigth: ' height);
});

теперь, чтобы расположить ваш div, вам просто нужно абсолютное положение вашего div

top:height — высота div — 2 дюйма.

слева: ширина — ширина div

Ответ №2:

 .tooltip {position: absolute; bottom: 40px; right: 40px;}
.page-wrapper {position: relative;}
<div class="page-wrapper">
//website content
</div>
<div class="tooltip">
//tooltip content
</div>