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

看板Web_Design作者 (馬岱)時間10年前 (2014/05/08 16:51), 10年前編輯推噓1(1推 0噓 9→)
留言10則, 3人參與, 最新討論串1/1
一直想要做一個橫向開合式選單，可是怎麼都看到直式的 最後在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有用），可是整個就變很小... 請問這個有解嗎？謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.121.146.35 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1399539098.A.E4A.html
→
05/09 01:29, , 1F
選單用的TAGNAME是?我只看圖片實在不知要如何幫你解惑
05/09 01:29, 1F
抱歉講得很不明白，這邊是code http://jsfiddle.net/V932U/ 然後我發現只有在safari沒有這個問題，ff跟GC都會有跑掉的感覺...
→
05/09 10:17, , 2F
這樣有解決你的問題? http://jsfiddle.net/V932U/2/
05/09 10:17, 2F
變得很微妙，變link的部分往下掉了http://imgur.com/WZqm3lB
是瀏覽器問題嗎... ※ 編輯: a83294 (140.121.146.35), 05/09/2014 10:39:51
→
05/09 10:45, , 3F
是，每個瀏覽器都有它鑽牛角尖的地方，解決方法是在CSS加上
05/09 10:45, 3F
→
05/09 10:48, , 4F
加上強制高度~http://jsfiddle.net/V932U/3/
05/09 10:48, 4F
→
05/09 12:39, , 5F
歪掉似乎是overflow:hidden造成的
05/09 12:39, 5F
推
05/09 14:01, , 6F
overflow 的話... 會不會是 inline-block + overflow 造成
05/09 14:01, 6F
→
05/09 14:01, , 7F
的啊 0.0 我上面有篇 #1JPAvXn_ 有提到這種現象
05/09 14:01, 7F
→
05/09 14:02, , 8F
因為按照標準 inline-block 的 baseline 會受 overflow
05/09 14:02, 8F
→
05/09 14:02, , 9F
影響，只有 webkit 瀏覽器例外，而 blink 又自己修好了
05/09 14:02, 9F
→
05/09 14:02, , 10F
所以 Chrome 會出現 Safari 不會出現...
05/09 14:02, 10F
‣ 更多 a83294 的文章
文章代碼(AID): #1JQqMQvA (Web_Design)