2011-01-10 45 views
1

在我的网站上,我试图将左/右盒子滑开。这个盒子很大,因为里面有很多小图片和其他元素。并通过ajax下载。上下滑动的情况完全相同。 (所以让我们来处理它,因为它更容易使用 - 没有动画或jquery UI)。使用jQuery滑动巨大的盒子最后只隐藏了

当我尝试slideUp()时,元素不会完全滑动,而是隐藏。这一切都需要差不多一秒钟的时间。我试图在那里放置一个高度和宽度相同的简单div,我可以毫无困难地滑动该元素。所以我的理论是,这个div太大了,不能像这样搞乱它。那可能吗?或者问题在别的地方?

如果我是对的,你有没有任何想法如何省略,但做出一些不错的效果?

+0

您可以上传一些代码,以便我们可以尝试复制吗? – 2011-01-10 16:08:52

回答

1

我认为你的答案在你的问题中,当你说你已经成功地使用相同高度的一个简单的div等工作。这听起来你是要求很多渲染引擎,它将不得不在每个增量位置重新呈现这些图像中的每一个,因为它从页面上滑落。

最新浏览器中的Javascript引擎比以前好多了,但它们只能做很多。将这一点与浏览器不得不渲染转换的每一步,我并不感到惊讶,它需要很长时间。

动画真的有必要吗?如果是的话,你也许可以做到这一点在多个阶段:

  • 快速删除所有div的内容

  • 动画大格向上滑动或收缩到一个小而消失

+0

谢谢您的回复。好吧,没有必要,它看起来不错,我想学习新东西。我不确定我是否遵循这两个阶段。首先隐藏它然后生成动画?那么我仍然是动画,所以有什么区别? – tsusanka 2011-01-10 18:42:42