项目上突然遇到一个问题,鼠标快速滑动有echarts画的饼图时,页面出现了跳帧。布局的高度突然发生变化然后恢复正常。高度怎么会变化呢?都是按百分比来的啊?

经过一番仔细观察,在跳帧的时候页面底部闪过了滑动条,这意味着横向有溢出。加一个overflow:hidden即可解决问题。

那么是什么引起的溢出呢?仔细观察之后便发现,

echarts图使用了legend,tooltip,在鼠标从legend快速滑向图时tooltip内容迅速改变,然而此时tooltip此时内容改变,而位置因为短暂的延迟并没有变,又因为tooltip中内容过长,导致溢出,出现滑动条。然后tooltip位置迅速调整,恢复正常,滑动条消失,从而出现跳帧。

												

最新文章

  1. Unity需要频繁登录是什么情况
  2. 安卓开发第一步:Android Studio安装配置
  3. Python第九章模块和包(2)
  4. Arrays 类操作 Java 的数组排序
  5. MyGeneration 默认设置中没有数据库驱动
  6. delphi 把多个线程的请求阻塞到另一个线程 TElegantThread
  7. 如何基于对话框的project基于改变BCG的
  8. Python使用shape计算矩阵的行和列
  9. [Colony]RHCS集群理论
  10. window下nginx的常用命令
  11. Java stream的常见用法
  12. React实现了一个鼠标移入的菜单栏效果
  13. mysql优化(二)
  14. EF-一对一关系
  15. LRU缓存原理
  16. 关于try catch
  17. 删除iptables nat 规则
  18. 转:Block原理及引用循环问题
  19. rsync 精确同步文件用法 (转载)
  20. svn diff color

热门文章

  1. javascript中类数组转成真正的数组
  2. SDUT OJ 顺序表应用4:元素位置互换之逆置算法
  3. pycharm中设置工程
  4. Centos7服务器启动jar包项目最佳方式
  5. Android Studio 常用技巧
  6. 关于jstl taglib的错误 Can not find the tag library descriptor for “http://java.sun.com/jstl/core”
  7. DVWA1.9平台XSS小结
  8. centos7.4 上面 docker 启动 cAdvisor 报错问题解决
  9. WPF Binding的值转换器
  10. python从字符串内取两个符号之间的内容