2012-05-21 57 views
0

我使用jQuery,以便從選擇列表中選擇一個選項水平滾動div到其中的適當內容。您滾動的每個div應該佔用頁面可見寬度的100%。jQuery水平導航問題,寬度爲%

http://jsfiddle.net/jamesbrighton/KUMqV/6/

我的設計將具有液體的寬度,所以用於伊夫%值寬度不像素。我認爲問題在於%計算略有偏差。對於第一個選項「可能」,div佔據了我需要的全部寬度。當你看看其他選項時,你越走越遠,div就越短。

此功能不能是難得這麼ID真的很感激就如何解決這一時的期權數量arn't類似10感謝

一個不錯的輪數

更新這裏是我的意思圖片有什麼想法。紅色邊框的寬度應爲100%,但較少。 enter image description here

+0

寬度即使在這裏FF12的幾個選項的變化似乎確定。 –

+0

我更新了我的問題,顯示問題的圖片。 – Evans

+0

其實你的權利,它不在FF發生,但它是在Chrome和Safari。我的網站的重點是iPhone和Android用戶,因此它需要在webkit中工作。 – Evans

回答

1

看看這個例子: http://jsfiddle.net/KUMqV/23/ 不乾淨的解決方案,但通過加入4個額外的div的,你可以設置寬度爲1600%和6.25%。 問候,Gijoey

+0

工程,但如果我是從頭開始重建,那麼有沒有更多的語義方法? – Evans

+0

我不這麼認爲。這是因爲子像素四捨五入。在這個問題上,瀏覽器的行爲非常不同。看看這篇文章:http://ejohn.org/blog/sub-pixel-problems-in-css/ – Gijoey

+0

我想未來我可能會嘗試使用絕對定位,而不是浮動。然後容器寬度可以保持爲100%,因此每次只需移動+或 - 100%。生病需要確定,但我認爲這應該起作用。謝謝 – Evans