2016-05-31 61 views
1

为了更精确地创建滑块,我陷入了一种情况(尽管我完成了一些其他技巧)我想收集更多的信息。jQuery(element).css(“right”)返回auto,仅在chrome中产生NaN

所以,我正在计算从右侧,实际上滚动的内部div的值。所以当它结束时,我会再次回滚。

我感到困惑的价值,是:

jQuery(element).css("right").toString(); 

它在Chrome返回 “汽车”,而喜欢 - 在Firefox 的值。它是否与铬中的任何限制有关?任何解释将不胜感激。

回答

3

我在firefox和chrome上进行了测试,结果都一样:“auto”。我不知道你的标记或任何东西,但我没有看到你与这个浏览器注意到的区别。 (Firefox 37.0.1和Chrome 50.0.2661)

无论如何,如果你想知道像素的权利,你可以做它的位置和宽度。

(jQuery(element).position().left + jQuery(element).width()).toString(); 

当然,这只是给你的元素的右边位置。我希望这是你需要的。


为了寻求什么是Chrome或Firefox发生,使他们扔在jQuery(element).css("right")更新我的火狐(46.0.1)一diferent响应所以现在Chrome和Firefox的更新。

我做了一个简单的&愚蠢的jsFiddle,所以我们可以看到与共同来源的差异。

当我在Chrome或Firefox中运行这个jsFiddle时,我得到相同的结果:“auto”。 请检查您是否得到与我一样的结果。 也许问题在于Chrome和Firefox如何处理标记并解释行为。 库尔你请提供一个jsFiddler或类似的地方发生这种问题?

+0

正如我所说,我已经做了一些其他的伎俩,如采取左侧的立场。虽然不确定为什么铬会给出不同的结果。无论如何感谢您的回答 – Anant

+0

对不起,我真的认为问题在于如何获得“正确”的位置,而不是如何浏览器的行为有所不同。我编辑答案试图解决这个问题 – ccasado

+0

我认为可能有其他原因导致此问题。我的文件分布在我遇到这个问题的地方,因此在jsfiddle中创建相同的场景会很复杂。而且,在正常的小提琴或单个文件的情况下,即使我从来没有面对过这件事。谢谢你给它时间。 – Anant