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

让popverd出框始终显示在中间位置 就不要用 <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

通过 data 属性 ：如需添加一个d出框（popover），只需向一个锚/按钮标签添加 data-toggle="popover" 即可。锚的 title 即为d出框（popover）的文本。默认情况下，插件把d出框（popover）设置在顶部。

<a href="#" data-toggle="popover" title="Example popover"> 请悬停在我的上面</a>

通过 JavaScript： 通过 JavaScript 启用d出框（popover）：

$("[data-toggle='popover']").popover()

当trigger是hover的时候，只要鼠标离开元素，就会隐藏元素的d出框。但是有时候d出框里面包含button并且需要点击事件的时候，就没办法实现了。

现在，需求是，实现下面的效果：

1. trigger = hover , 当鼠标 hover 在元素上时触发 popover

2. 当鼠标不再 hover 在元素上且不在 popover d出的新层上时d层关闭

现在的情况：

1. 可以实现 hover 时出现d窗

2. 鼠标移出元素则关闭，即使鼠标移入到d窗层中。

有人在github上提出过这个问题，

得到了如下回答，

简单来说就是，1.设置延时，这种方法实现的效果是，鼠标移到d出框后d出框不会马上关闭，但是相应的，鼠标移开也是一样的效果。。。相当于没有解决。

2.不要用hover，推荐click触发，这样的话移动端也能使用。这种方法是比较简单的，但是，需求不是我们能改的。。。。

网上找了很多方法，效果都不是很理想，所以，自己动手吧。。。。

---