Javascript 将元素从左边距：-9999px移动到页面时，如何平滑过渡？

这里有更多的细节——由于YouTube API的一些奇怪的限制，我被迫将一个容器推离页面，给人留下隐藏容器的印象

我通过使用这个类来实现这一点：

.my_hide{
    margin-left:-9999px;
    position:fixed !important;
}

通过使用JQuery方法

$（“播放器列表容器”）.removeClass（“我的隐藏”）

和

$（“播放器列表容器”）.addClass（“我的隐藏”）

来控制切换

然而，切换看起来很轻松，一旦类被删除，容器就会跳起来。我希望能够顺利地从一个州过渡到另一个州，但我不知道该怎么做

这种行为

---

通过键入并搜索任何内容添加视频，然后点击下方的播放按钮。你应该观察所描述的行为

在我的屏幕上，它刚刚弹出。我不是100%确定你想要什么样的流行音乐效果，但也就是说，看看吧

我本打算编写一个示例，但那个页面有一大堆

祝你好运

PS：向下滚动查看所有视觉动画示例。 以下是一些示例代码：

$('#myBtn').click(function(){
$( '.ytv' ).fadeTo( "fast", Math.random() );
    //add animation code here;
});

查看一把粗糙的小提琴。 编辑：这里有一个粗略的例子：

---

只需单击我屏幕上视频右侧的红色区域，它就会弹出。我不是100%确定你想要什么样的流行音乐效果，但也就是说，看看吧

我本打算编写一个示例，但那个页面有一大堆

祝你好运

PS：向下滚动查看所有视觉动画示例。 以下是一些示例代码：

$('#myBtn').click(function(){
$( '.ytv' ).fadeTo( "fast", Math.random() );
    //add animation code here;
});

查看一把粗糙的小提琴。 编辑：这里有一个粗略的例子：

---

只需单击视频右侧的红色区域

jQuery wll help you中的Animate函数

jQuery wll help you中的Animate函数

我希望它看起来像是容器在某个位置褪色，这意味着在使用任何类型的动画功能之前，我必须将容器放置到该位置

然后，不要用CSS将元素从页面中抛出。将其放在原处，然后使用

.hide（）

将其隐藏。然后使用

.fadeIn（）

将其淡入淡出

您需要手动调整容器的大小，因为它不会展开以包含隐藏元素

我希望它看起来像是容器在某个位置褪色，这意味着在使用任何类型的动画功能之前，我必须将容器放置到该位置

然后，不要用CSS将元素从页面中抛出。将其放在原处，然后使用

.hide（）

将其隐藏。然后使用

.fadeIn（）

将其淡入淡出

---

您需要手动调整容器的大小，因为它不会扩展以包含隐藏元素。

我假设您“无法”/“不想”手动隐藏容器，但希望更改其位置，使其位于页面边界之外，并且看起来是隐藏的

在这种情况下，更改position属性肯定会给您带来跳跃而不是平滑的效果，因为这会影响页面的整个布局（）。您可以改为使用CSS3动画的translate属性更改其位置

这是我编写的一个演示，它完全符合您的要求。

---

“单击我”按钮可在取下容器和在页面上切换，操作平稳。您还可以调整更改容器位置所需的时间。（从现在的500ms开始）

Iam假设您“无法”/“不想”手动隐藏容器，但希望更改其位置，使其位于页面边界之外，并且看起来是隐藏的

在这种情况下，更改position属性肯定会给您带来跳跃而不是平滑的效果，因为这会影响页面的整个布局（）。您可以改为使用CSS3动画的translate属性更改其位置

这是我编写的一个演示，它完全符合您的要求。

---

“单击我”按钮可在取下容器和在页面上切换，操作平稳。您还可以调整更改容器位置所需的时间。（截至现在的500毫秒）

u可以使用jquery anitmate（）函数u可以使用jquery anitmate（）函数好吧，该容器的“弹出”不是期望的效果。这只是容器所处的位置。我想让它看起来像是容器在某个位置褪色，这意味着在使用任何类型的动画功能之前，我必须将容器放到该位置。我理解。虽然我想答案还是一样的。例如，动态保存用于显示搜索内容的代码的div将被隐藏但不在原来的位置。然后，一旦按下播放按钮，你可以让它调用一个函数，在该函数中，你可以指定它会产生什么效果。例如，在该链接中，它们具有x/y轴的动画，因此您可以在单击时实现该动画，同时，它将为不透明度等设置动画。您所需要的就是在该链接中。一旦你对这两个动画都进行了测试，将它们包装在一个函数中，然后单击播放我仍然有疑问，因为我确实尝试过这样的解决方案，只使用

fadeTo

和

delays

，但我会阅读你的链接并试一试。这个容器的“弹出”不是期望的效果。这只是容器所处的位置。我想让它看起来像是容器在某个位置褪色，这意味着在使用任何类型的动画功能之前，我必须将容器放到该位置。我理解。虽然我想答案还是一样的。例如，动态保存用于显示搜索内容的代码的div将被隐藏但不在原来的位置。然后，一旦按下播放按钮，你可以让它调用一个函数，在该函数中，你可以指定它会产生什么效果。例如，在该链接中，它们具有x/y轴的动画，因此