2013-11-25 82 views
1

我做了一個小codepen與我遇到的問題:CSS轉換權

http://codepen.io/sloveland/pen/dytDG

當菜單進來的轉變不是動畫,但執行某種FOUC問題。奇怪的部分是當我將默認位置更改爲右側時:100%;動畫的作品,但顯然是從屏幕的錯誤的一面。

+0

足夠有趣:http://codepen.io/markasoftware/pen/nCsFk在您使用JavaScript代替純CSS時有效 – Markasoftware

+0

相關閱讀:http://css-tricks.com/hash-tag-links-padding/ – thgaskell

回答

0

我不知道爲什麼這是發生在所有的,非常有趣的問題。它似乎跳到屏幕上的位置,然後轉換到給定的值(因爲你只是在右側,你錯過了轉換階段)。這可能是一個瀏覽器錯誤,由於未將窗口響應與right:target組合在一起渲染出來。我會報告它,如果你不明白這裏

更多的幫助,在參照固定Chrome瀏覽器的問題,我無法得到它的工作從右側移動。不過,如果我將其更改爲左側like in this demo,則表示它完美無缺。也許這對你的目的沒有問題。