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弹出框始终显示在中间位置的主要内容,如果未能解决你的问题,请参考以下文章