Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改最初由timelineMax设置的div的属性?_Javascript_Css_Gsap - Fatal编程技术网

Javascript 如何更改最初由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属性

在站点登录页上,我使用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属性,我都无法更改这些属性。仅在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;