如何通过CSS设置动态对话框位置？

Question

我有一个动态对话框（div / popup），它在click事件上打开。我的问题是如果窗口底部的可点击元素我的动态对话框显示在屏幕下方，但我想在这种情况下在屏幕上方显示它。

请检查下图中的当前情景 -

但我想在屏幕上方显示这个动态div。如下图所示 -

我正在研究C＃/ Angular JS。

Answer 1

你可以尝试这个jQuery代码：

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