关于will-change的remove问题
老师您好,这里will-change的remove方法有哪些?视频中说的放到父级元素的hover中时如何操作的……
谢谢老师!
正在回答
同学你好,抱歉老师再一开始回答的时候考虑的不周全, 给同学造成了困扰, 这里给你举个简单的例子。参考下面的理解
1、 HTML结构如下
2、CSS中设置样式, 在子元素中提前声明will-change, 因为transition需要触发事件才能有效果,比如鼠标移入一个元素,才可以触发transition, 如视频中所讲:当网页加载完的时候 是没有调用这个transition的, transition是css改变的时候才调用,所以这里will-change是提前申明了
3、鼠标移入父元素,触发子元素的动画, 在鼠标离开父元素后, 子元素的will-change会自动remove
这一块确实比较抽象不好理解,同学可以结合示例理解一下,另, 同学也可以再回顾一下视频,加深理解
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
同学你好,will-change的remove方法可以简单的分为两类, 一种是通过CSS操作, 另一种是通过js操作
1、 在CSS中使用, 提前声明will-change,让父元素hover的时候触发动画,这样移出的时候就会自动remove,我们不用去这个自动remove的过程哦
2、在JS中remove的方式,这种方式,同学目前阶段了解一下,知道有这种方式就可以了, 不需要掌握的
以上示例在样式表中直接添加了will-change属性,会导致浏览器将对应的优化工作一直保存在内存中,这其实是不必要的。下面展示如何使用脚本正确地应用will-change属性
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星