2012-07-09 51 views
1

本网站基于jquery手风琴。当我点击手风琴中的第一个链接(Chirp ...)时,小鸟图像的一部分消失了一秒,然后再次出现。你有什么想法,为什么?当我点击它时,图像的一部分消失

http://imip.rvadv.com/index2.html#home

+0

我觉得会更好,以保持整段和鸟类坐以待毙。文字“Chirp。你愿意......”并不需要移动。 – 2012-07-09 02:14:26

+0

我同意。我只是不知道我在做什么!大声笑。我刚刚发现了这款手风琴js,我正在尽力实现它......我想这个问题很快就会出现在这里! :-) – imakeitpretty 2012-07-09 14:10:59

回答

1

它消失,因为动画施加overflow: hidden;来,它的动画的容器。

给我一秒钟,我会看看我能否为你找到解决办法。

... 

好吧,我会解决它的办法就是对 #wrapper

更好的方式思考鸟的图像作为背景。

变化#wrapper宽度920px,并添加左右填充到你的手风琴li项目30px(半,我们已经添加到总宽度60像素的)。这样,你的鸟形象将被包含在li之内,因此不会因为动画上的溢出而被隐藏。

注意:动画有点偏离,有一些奇怪的跳动发生,但我忽略了这个目的,只是看看如何使鸟图像不被截断。

:)

+0

谢谢!我将在稍后解决这个问题。 – imakeitpretty 2012-07-09 14:06:17

相关问题