让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@qqcom
listview 注册onItemClick事件即可,然后当item点击的时候就会回调onItemClick, 如果是想给item里的一个按键或者子控件注册点击事件,那就要在适配器的getView方法中对这个contentView做事件的注册。
为解决HTML5在低端Android机上的性能缺陷,mui引入了原生加速,其中最关键的就是webview控件,因此mui若要发挥其全部能力,需和5+ App配合适用,若脱离5+ App,mui功能会受限,主要涉及三个部分:
一、webview窗口相关
涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,涉及功能点包括:
webview模式窗体动画
创建子窗口(除了为解决区域滚动的常见双webview场景,还涉及webview模式的选项卡等多webview场景)
webview模式的侧滑菜单(也有div方式侧滑菜单)
webview模式的tab选项卡(也有div方式选项卡)
nativeUI,如原生的警告框、确认框、popover、actionsheet、toast。这些也有HTML5的实现。
预加载
自定义事件
二、第三方扩展插件
涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,目前主要包括:语音输入;
三、Touch事件相关(注意pc浏览器没有touch事件)
Touch事件相关的,手机端浏览器均可使用、pc端chrome模拟手机浏览器也可以正常使用。
但普通PC端浏览器因为没有touch事件,可以显示控件但滑动 *** 作功能会受限;涉及功能点包括:
手势事件
mui封装的tap相关处理业务:折叠面板、二级列表、二级选项卡;
mui封装的swipe、drag相关处理业务:轮播、可左右滑动的图文表格、可左右滑动的9宫格、滑动触发列表项菜单、可拖动式侧滑菜单、下拉刷新和上拉加载、可拖动式选项卡
备注:在PC端,大家将tap替换成click,将HTML5默认的Drag事件替换mui 的swipe和drag,就可以解决如上两个问题。
除上述列出的功能点,其它mui功能,均可以在其它手机浏览器及PC服务端使用,所有CSS均不受影响。
以上就是关于mui怎样让popverd出框始终显示在中间位置全部的内容,包括:mui怎样让popverd出框始终显示在中间位置、如何监听到mui-segmented-control中的哪个item被激活了、HB mui可以左右滑动手机屏幕实现页面的前进后退功能吗等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)