javascript - 微信嵌入优酷视频卡顿问题
本文介绍了javascript - 微信嵌入优酷视频卡顿问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
微信上面我遇到了一个很奇葩的问题!我用iframe嵌入优酷视频播放或者暂停的时候滑动滚动条如果祖先元素使用overflow:hidden;等样式会出现卡顿现象;暂停的时候滑动还有小窗口出现(不能隐藏),我把祖先元素的overflow:hidden改成overflow:visible就完全没问题了,求解释一下为什么会出现这个问题?
测试地址:
正常情况:[www.dudeyouth.cn][1]
卡顿情况:[www.dudeyouth.cn/test.html][2]
代码:
正常情况
卡顿情况
解决方案
一种可能存在的原因:对overflow设置非visible的属性会触发BFC布局 所以浏览器引擎渲染时设计repaint或者reflow时耗费更多性能?这仅是一种猜测 题主可以看看当overflow:auto时卡顿与否来试试看 因为auto时也会触发BFC布局
这篇关于javascript - 微信嵌入优酷视频卡顿问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文