Javascript 如何更改最初由timelineMax设置的div的属性?
在站点登录页上,我使用timelineMax制作动画,timelineMax设置div的高度和宽度Javascript 如何更改最初由timelineMax设置的div的属性?,javascript,css,gsap,Javascript,Css,Gsap,在站点登录页上,我使用timelineMax制作动画,timelineMax设置div的高度和宽度 const tl = new TimelineMax(); tl.fromTo(welcomeDiv, 1, {height: '0%'}, {height: '80vh'}) .fromTo(welcomeDiv, 1.2, {width: '100%'}, {width: '80%'}) 发现当我的窗口调整大小时,无论是使用媒体查询还是js中的div.style.height/width属性
const tl = new TimelineMax();
tl.fromTo(welcomeDiv, 1, {height: '0%'}, {height: '80vh'})
.fromTo(welcomeDiv, 1.2, {width: '100%'}, {width: '80%'})
发现当我的窗口调整大小时,无论是使用媒体查询还是js中的div.style.height/width属性,我都无法更改这些属性。仅在css中设置的其他属性不受影响
@media only screen and (max-width: 800px) {
#welcomeDiv{
height: 160vh; // doesn't work
background-color: yellow; // works
}
尝试添加
这是可行的,我自己也不会明白。谢谢@Zobla很乐意帮助TimeLineMax,它来自GSAP的旧版本。我们强烈推荐。
height: 160vh !important;
background-color: yellow !important;