2012-05-21 64 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