[問題] jquery伸縮時高度會變化

作者: a83294 (馬岱)   2014-05-08 16:51:35
一直想要做一個橫向開合式選單,可是怎麼都看到直式的
最後在stackoverflow上面找到這個
jQuery horizontal slide toggle navigation
http://ppt.cc/QTrG
按照底下解答弄上去之後,卻發現他再觸發jqeury開合時
裡面那個sub-menu的高度總比外面的 往上提一點,
如圖http://imgur.com/lBZoAn7
但是在動畫結束之後,卻又會自己跳到正確的位置(與外面的同高)
如圖http://imgur.com/hNXLIdv
有試過調整height,調整font-size之類都沒用,
只有調整line-height:1em這個有用(只有1em有用),可是整個就變很小...
請問這個有解嗎?謝謝
作者: serotw (弒龍)   2014-05-09 01:29:00
選單用的TAGNAME是?我只看圖片實在不知要如何幫你解惑這樣有解決你的問題? http://jsfiddle.net/V932U/2/是,每個瀏覽器都有它鑽牛角尖的地方,解決方法是在CSS加上加上強制高度~http://jsfiddle.net/V932U/3/
作者: mmis1000 (秋月戀楓)   2014-05-09 12:39:00
歪掉似乎是overflow:hidden造成的
作者: hit1205 (幫你把勇氣裝滿)   2014-05-09 14:01:00
overflow 的話... 會不會是 inline-block + overflow 造成的啊 0.0 我上面有篇 #1JPAvXn_ 有提到這種現象因為按照標準 inline-block 的 baseline 會受 overflow影響,只有 webkit 瀏覽器例外,而 blink 又自己修好了所以 Chrome 會出現 Safari 不會出現...

Links booklink

Contact Us: admin [ a t ] ucptt.com