2012-07-09 105 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

相關問題