Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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 TweenLite不具有动画效果_Javascript_Html_Css_Gsap - Fatal编程技术网

Javascript TweenLite不具有动画效果

Javascript TweenLite不具有动画效果,javascript,html,css,gsap,Javascript,Html,Css,Gsap,我正在尝试使用GreenSocks TweenLite for Javascript制作一个简单的上边距动画。我用过这个图书馆很多次,但由于某种原因,这次它不起作用了。注意:“onComplete”正在启动,但是,无论我使用什么元素,我都无法在HTML元素上设置任何CSS属性的动画 HTML 这里是我创建的一个真正快速的JSFIDLE,它包括所有CSS、JS和HTML。 如果有人有任何想法,我将不胜感激 有几件事: 给你的提琴加上一个调子 “页边空白顶部”没什么用,改用top 如果您制作

我正在尝试使用GreenSocks TweenLite for Javascript制作一个简单的上边距动画。我用过这个图书馆很多次,但由于某种原因,这次它不起作用了。注意:“onComplete”正在启动,但是,无论我使用什么元素,我都无法在HTML元素上设置任何CSS属性的动画

HTML

这里是我创建的一个真正快速的JSFIDLE,它包括所有CSS、JS和HTML。

如果有人有任何想法,我将不胜感激

有几件事:

  • 给你的提琴加上一个调子
  • “页边空白顶部”
    没什么用,改用
    top


如果您制作了一个JSFIDLE来演示您遇到的问题,可能会有所帮助。很好。我刚刚更新了我的帖子。不,这没有达到我想要的效果。我要做的是揭示h2和h3。我在JS提琴中调整了一些东西,以显示我正在努力实现的目标。如果我使用jqueryanimate,它会工作。如果唯一的问题是CSS插件,我可能现在就可以让它工作了。我来试一试。因为我的答案是基于你最初的问题,我相信这已经解决了。然而,如果你仍然有动画本身的问题,你应该打开另一个问题。嘿,蒂姆-看起来它只是CSS插件。我以前从来没有把它包括在内,我也没有遇到过问题。我正在为一个遗留站点创建一些东西,所以我试图将插件和新JS文件的数量保持在最低限度。但是,当我将它添加到站点时,它突然出现,并立即开始工作。谢谢你的帮助。
<div id="GS_PipelineHeadline h2"></div>
TweenLite.to("#GS_PipelineHeadline h2", 0.5, 
{ 
    "margin-top": 0, 
    ease: "Back.easeOut", 
    onComplete: function () 
    { 
        console.log("Crap"); 
    } 
});
TweenLite.to("#GS_PipelineHeadline", 0.5, {
    top: 0,
    ease: Back.easeOut,
    onComplete: function () {
        console.log("Crap");
    }
});