mui怎样让popver弹出框始终显示在中间位置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui怎样让popver弹出框始终显示在中间位置相关的知识,希望对你有一定的参考价值。

让popver弹出框始终显示在中间位置 就不要用 <a href='#popver'>,自己写一个标签,比如:

<button type="button" @click="transferOder">转移订单</button>

通过点击事件 控制 popver的显示和<div class="mui-backdrop "></div>的显示

并且在点击事件中控制popver的定位: $('#middlePopover').css('top',$(window).scrollTop()+180)//定位的关键代码

这样不管页面如何滚动 popver始终处于最中间的位置。
############
刚好最近在写一个vue 和mui的项目,mui的popver封装的js是定位点击的位置,不能让他始终在中间,又看了网上各种各样的答案都不太符合,然后自己写了一个。有什么不懂的可以邮件635036447@qq.com
参考技术A 尝试设置绝对位置,或者获取当前位置距顶部的位置均不太可用。

后发现mui-bar不受滑动的影响,所以,写一个mui-bar隐藏块,给弹出框绑定即可。
1、写弹出层
<div id="popover" class="mui-popover" style="height: 380px;">
内容
</div>
2、弹出层需要固定的位置(nav相当于绝对位置,不会随着下滑而变动)
<!--定位弹出框到屏幕中间-->
<nav class="mui-bar mui-bar-tab" style="margin: 0 auto;margin-bottom: 40%;border: #6641E2;width: 0px;height: 0px;" id="ta">
</nav>
3、绑定
mui("#popover").popover('toggle', document.getElementById("ta"));
参考技术B popover显示,按照hello mui 里面的写就行,隐藏可以如下这样写:
mui('#popover').on('tap','a',function()

mui('#popover').popover('hide');
);

c# 弹出窗,要求在指定位置弹出窗体(屏幕正中、屏幕右下角)

屏幕正中上楼已经说过了.
我来说一下怎样使得窗体出现在屏幕的右下角.
原理是这样的.
在Form_Load事件中先计算屏幕的高度和宽度,再计算本窗体的高度和宽度.
然后用屏幕的高度-窗体的高度得到窗体的Top属性,屏幕的宽度-窗体的宽度得到窗体的Left属性.
代码如下:
this.Location=new Point(Screen.PrimaryScreen.Bounds.Width-this.Size.Width,
Screen.PrimaryScreen.Bounds.Height-this.Size.Height);
参考技术A <script language="JavaScript1.2" type="text/JavaScript1.2">
var popUpWin=0;
function popUpWindow()

//判断该窗口(popUpWin)是否已经存在,如果已经存在,则先关闭窗口,然后再打开新窗口
if(popUpWin)

if(!popUpWin.closed)
popUpWin.close();

//根据参数定位弹出窗口的展示位置
popUpWin = window.open("mini.aspx", "popUpWin", "toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,menubar=no, width=900,height=500,left=500,top=200,screenX=0,screenY=0");

</script>
在body中加:<body onload="popUpWindow()">
参考技术B 有几种方法的。 一是设置Form的location属性。 Form 还有个方便的属性,StartPoint可以用来设置Form的特殊位置。比如说,屏幕的正中,你可以设为CenterScreen。 参考技术C Form.Startposition属性设置以下

Form.Top
Form.Left也可以精确设置本回答被提问者采纳
参考技术D 窗体 属性 F4 键 Startposition 属性下有选项

以上是关于mui怎样让popver弹出框始终显示在中间位置的主要内容,如果未能解决你的问题,请参考以下文章

MUI 自定义从底部弹出的弹出框

如何使用选择属性更改 TextField 的 MUI 菜单弹出框的背景颜色?

echarts tooltip是怎样控制弹出框的位置的

如何在鼠标单击位置打开弹出框

css 怎么控制弹出层位置,跪求

无法让 Popover 在对话框中的正确位置显示