-
温柔又嚣张2018-03-13 00:00
- 10
- 46
- 0
问题描述
在写transition动画的时候无意间发现有时候页面会卡死，查看任务管理器Chrome内存突然飙升，经过各种排除发现设置了transform:skew(90deg);的时候只要连续在相关transition动画元素上多次移入移出就会出现页面卡死的问题。这个是什么原因导致，还是说就是一个bug
简化后代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div {
width: 500px;
height: 500px;
background: #aaa;
}
div p {
transition: all 0.35s;
transform:skew(0deg);
}
div:hover p {
transform:skew(90deg);
}
</style>
</head>
<body>
<div>
<p>连续移入移出导致卡死Debug</p>
</div>
</body>
</html>稳定复现方法及其他
连续移入移出就会导致卡死内存飙升的现象
另外经过多次测试只有transform:skew(90deg);属性，只有度数为90度的时候，只有Chrome有这个问题**
补充：Chrome版本是63.0.3239.132（正式版本） （64 位）
1
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 10 元积分
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部