jQuery(element).css ("right") 返回 auto，仅在 chrome 中结果为 NaN

Question

准确地说，在创建 slider 时，我陷入了一种情况(尽管我使用其他技巧完成了任务)，我想收集更多信息。

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

我感到困惑的值(value)是:

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

它在 Chrome 中返回“auto”，而在 Firefox 中返回类似 1200 的值。这与 chrome 的限制有关吗？任何解释将不胜感激。

Answer 1

我在 Firefox 和 Chrome 上进行了测试，并且在两者中都得到了相同的结果:“自动”。我不知道你的标记或任何东西，但我没有看到你注意到这个浏览器的差异。 (火狐浏览器 37.0.1 和 Chrome 浏览器 50.0.2661)

无论如何，如果您想以像素为单位了解元素的右侧，您可以通过位置和宽度来实现。

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

当然，这只能为您提供元素的正确位置。我希望这就是您所需要的。

<小时/>

为了了解 chrome 或 firefox 中发生了什么，以便它们在 jQuery(element).css("right") 上抛出不同的响应，我更新了我的 firefox (46.0.1)，所以现在Chrome 和 Firefox 已更新。

我做了一个简单又愚蠢的jsFiddle这样我们就可以看到差异和共同来源。

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