h5页面浮动小球显示积分点击消失

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5页面浮动小球显示积分点击消失相关的知识,希望对你有一定的参考价值。

参考技术A 消除浮动的方法:
1.给父元素设置overflow:hidden
2.利用空盒子的方法:在浮动元素的同级下设置一个空的元素,利用clear:both来清除
3.万能清除法,最常用可兼容所有浏览器,
定义一个类名,利用伪元素:after并把类名赋值给被浮动元素的父级元素
clear:afterdisplay:block;clear:both;content=" ";visibility:hidden;height:0;
clearzoom:1;(用于兼容IE浏览器)
①父元素没有高度当子元素不设置浮动时
②当设置浮动之后(父元素高度塌陷)
③清除浮动overflow:hidden;

element-ui 弹窗显示时 点击页面其他位置会消失

参考技术A 为了解决这个问题查询了官网 得到 如下方法
方法一:

在dialog组件添加
:close-on-click-modal="false"
亲测无效

方法二:
在main.js里面这样操作一波

亲测有效

以上是关于h5页面浮动小球显示积分点击消失的主要内容,如果未能解决你的问题,请参考以下文章

iOS前端交互篇-H5全嵌套

微信中怎样嵌入自己开发的h5页面

H5网页怎么制作

html5中的页面交互元素都有哪些

h5新增加哪些新api”

h5页面怎么做 h5页面如何做