Я создаю страницу, для которой требуется несколько всплывающих окон, чтобы отобразить дополнительную информацию о некоторых элементах, поэтому я создаю окна всплывающих окон, используя теги DIV, и просто меняю отображение на блокировку или нет, а позиция является абсолютным, всплывающее окно должно отображаться, когда я нажимаю кнопку изображения, и он должен придерживаться рядом с этой кнопкой, теперь моя главная проблема заключается в том, что когда я показываю div, страница автоматически прокручивается до самого начала страницы, что делает мое всплывающее окно на неправильном месте, как я могу избежать такого поведения?Использование DIV в качестве всплывающего окна
это мой JavaScript, я использую baseElent позиционировать DIV рядом с моей кнопкой изображения
function popup(windowName, baseElement, orientation) {
var ventana = document.getElementById(windowName);
var windowOrigStyle = ventana.style.display;
if (lastOpenedWindow != null)
lastOpenedWindow.style.display = "none";
if (windowOrigStyle == 'none') {
var base = document.getElementById(baseElement);
var basePosition = base.getBoundingClientRect()
if (orientation == 'left') {
var width = ventana.currentStyle.width.replace(/px/g, "");
var popupTop = basePosition.top;
var popupLeft = basePosition.left - width - 2;
popupTop -= 10;
}
else {
var popupTop = basePosition.top;
var popupLeft = basePosition.right;
popupTop -= 10;
popupLeft += 3;
}
ventana.style.left = popupLeft + 'px';
ventana.style.top = popupTop + 'px';
ventana.style.display = "block";
lastOpenedWindow = ventana;
}
else
ventana.style.display = "none";
}
Вы можете использовать любой сторонний скрипт для всплывающих окон, юэй или jQuery. –