2013-09-06 2 views
0

Я создаю страницу, для которой требуется несколько всплывающих окон, чтобы отобразить дополнительную информацию о некоторых элементах, поэтому я создаю окна всплывающих окон, используя теги 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"; 
} 
+0

Вы можете использовать любой сторонний скрипт для всплывающих окон, юэй или jQuery. –

ответ

0

вместо абсолютного положения использовать фиксированное положение.

div { 
position: fixed; 
} 
+0

Это не помогло, страница даже не показывает div, но thx –

Смежные вопросы