jquery - 使用 jQuery 和 CSS 属性进行计算

Question

我正在尝试使用 css 属性进行计算，但它不会返回任何内容。

我认为这可能是因为 css 属性返回“200px”而不是简单的“200”。任何人都可以建议解决方法吗？非常感谢。

windowHeight = $(window).height(); // This works
logoHeight = $('.home h1').css('height'); // This returns '200px'
logoPosition = windowHeight * 0.5 - logoHeight;

Answer 1

您需要将“200px”字符串转换为整数；使用parseInt

windowHeight = $(window).height(); // This works
logoHeight = parseInt($('.home h1').css('height'), 10); // This returns '200px'
logoPosition = windowHeight * 0.5 - logoHeight;

否则，您的总和 windowHeight * 0.5 - logoHeight 将返回 NaN(不是数字)。

始终将基数指定为 parseInt 的第二个参数非常重要，否则您会发现类似的内容；

parseInt("022") == 18; // true