Как установить динамическое положение диалогового окна с помощью CSS?

Question

У меня есть динамическое диалоговое окно (div / popup), которое открывается по событию click.Моя проблема заключается в том, что при нажатии на элемент в нижней части экрана Windows мое динамическое диалоговое окно отображается под экраном, но в этом случае я хочу показать его над экраном.

Проверьте текущие сценарии на изображении ниже.-

Но я хочу показать этот динамический div над экраном.Как показано ниже:

1011 *

Я работаю над C # / Angular JS.

Answer 1

хорошо, вы можете попробовать этот код jQuery:

$("#threeDots").click(function(){
 $("#dynamicdialog").css({
  position: fixed,
  bottom: 0,
  right: 0,
  width: 300px
 })
 $("#dynamicdialog").show();
})