Сделайте заставку intro.js вправо и прокрутите страницу - PullRequest
Новая
       23

Сделайте заставку intro.js вправо и прокрутите страницу

0 голосов
/ 18 декабря 2018

Когда вы добавляете большую подсказку в intro.js, он вычисляет, есть ли у нее место для размещения подсказки сверху, снизу, слева и справа, выполняя следующие действия: 

/*
* auto determine position 
*/

// Check for space below
if (targetElementRect.bottom + tooltipHeight + tooltipHeight > windowSize.height) {
  _removeEntry(possiblePositions, "bottom");
}

// Check for space above
if (targetElementRect.top - tooltipHeight < 0) {
  _removeEntry(possiblePositions, "top");
}

// Check for space to the right
if (targetElementRect.right + tooltipWidth > windowSize.width) {
  _removeEntry(possiblePositions, "right");
}

// Check for space to the left
if (targetElementRect.left - tooltipWidth < 0) {
  _removeEntry(possiblePositions, "left");
}

Затем он решаетпоместить всплывающую подсказку поверх элемента как таковую enter image description here

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

1 Ответ

0 голосов
/ 27 декабря 2018

Определение подсказки UX - это элемент абсолютного / фиксированного позиционирования, появляющийся рядом с курсором при наведении на элемент пользовательского интерфейса ( ссылка ).ИМХО, вы используете неправильный тип элемента для выполнения простой задачи, обычно скрывающей / отображающей элементы в ваших текущих лесах.Из макета, который я полагаю, вы уже находитесь в модальном окне, в этом модальном месте поместите всплывающую подсказку html и покажите / спрячьте как простой html-объект, чтобы вы могли сохранить нужную блочную модель и поток документов, так как браузер будет выполнять вычисления за вас..

...