Подсказка для отображения выше или ниже горячей точки в зависимости от положения прокрутки - PullRequest
Новая
       8

Подсказка для отображения выше или ниже горячей точки в зависимости от положения прокрутки

0 голосов
/ 12 ноября 2009

Я сделал несколько простых JavaScript, чтобы показать и скрыть некоторые div, когда вы наводите курсор мыши на горячую точку на карте изображения. 

<script>
function showDiv(name) {
document.getElementById(name).style.display = "block";
}
function hideDiv(name) {
document.getElementById(name).style.display = "none";
}
</script>

Функции соответственно вызываются при событиях mouseover и mouseout.

В данный момент позиционирование применяется в CSS. Однако я хотел бы расширить это, чтобы показать всплывающую подсказку выше или ниже горячей точки в зависимости от положения прокрутки. Я имею в виду, что если вы наведете указатель мыши на горячую точку, расположенную внизу экрана, отображаемый элемент div появится вне поля зрения, и посетителю придется прокрутить вниз, чтобы увидеть его. Я бы хотел, чтобы в таких случаях он отображался над точкой доступа.

Любые предложения, спасибо.

1 Ответ

0 голосов
/ 12 ноября 2009

Я однажды что-то соединил, используя Prototype (getDimensions () / viewport.getScrollOffsets () - спасатели!), Но больше не могу найти код. Я просто помню, что вычисление того, какое смещение использовать, с каким позиционированием выглядит легко, но занимает много времени, пока оно на самом деле не работает.

Возможно, вы захотите построить существующее решение (или взглянуть на него, чтобы увидеть, как они позиционируют). Prototip Ника Стакенбурга (предупреждение не совсем бесплатное, проверьте страницу лицензии) очень хорош и гибок, но есть десятки сценариев для всех фреймворков.

Для решений, не зависящих от фреймворка, проверьте DynamicDrive , они работают, даже если код иногда скручивает ваши ногти на ногах.

...