流星的JavaScript给了我一个错误

我正在使用meteor作为一个快速站点，我正在尝试使这个div“box”适合视口，然后将顶部切掉“wrapping”。但是所有这些方法都会出错，或者它们会填充整个页面，而不仅仅是页面大小。。。因此，它将与视口高度一样高，但您可以滚动到下一页，我正在进行单页设计：

    var viewPortHeight = $(window).height();
    $ '#box'.height() = $(Math.viewPortHeight - '#wrapping'.offset.top);

---

首先，正如我在评论中指出的那样。此处的代码中存在一些语法错误：

$ '#box'.height() = $(Math.viewPortHeight - '#wrapping'.offset.top);

我们需要在“box”和“wrapping”周围加上括号，您需要使用除Math.viewPortHeight以外的其他viewPortHeight，因为Math对象中没有此类属性：

这里还有一些问题。在jQuery中，当您指定一个属性（如height）时，您可以这样做。heightnewValue并执行以下操作以获取高度。高度：

您在代码中所做的是：$..高度=；不是作业，这就是为什么你会有错误。因此，您希望像上面的示例中那样：

var viewPortHeight = $(window).height();
$('#box').height( viewPortHeight - $('#wrapping').offset().top );

---

$'box'。高度，你是指$'box'。高度吗？还有'wrapping.offset.top->$'wrapping.offset.top.@SpencerWieczorek噢，对不起，忘记了其他语言使用的jquery方法，但现在meteor的错误报告如下：LN2的赋值中的左侧无效。。。编辑修复了，但现在当我向下滚动时，它仍然包括div…编辑修复使用css3的vh测量：@SpencerWieczorek它仍然损坏抱歉，我尝试使用css修复它，但它不允许我删除div的高度…到底损坏了什么？是否存在JavaScript错误或页面不是您希望的样子。如果没有错误，您是否介意告诉我什么地方出了问题，以及您希望它如何工作？我已经尝试过这个方法，当我输入此命令时：$'box'。heightviewPortHeight-$'wrapping'。offset.top；在控制台chrome中，它说：ReferenceError:viewPortHeight没有定义，而且它根本没有调整框高度的大小……您的代码的第1行没有定义它吗？var viewPortHeight=$window.height；是的，我意识到你必须把变量也放在控制台中，但它仍然没有调整盒子的高度。。。这是我到目前为止得到的…$'框'.heightviewPortHeight-$'wrapping'.height.offset.top；它不会抛出任何错误，只是没有调整框的大小……如下所示：var viewPortHeight=$window.height；console.logviewPortHeight；$'框'.heightviewPortHeight-$'wrapping'.offset.top；它仍然保持相同的高度…不，就像我上面的代码：$'box'.height视口高度-$'wrapping'.offset.top；。您的包装未正确闭合。

$(...).height(newValue); // Sets the height to 'newValue'
$(...).height();         // Returns the height

var viewPortHeight = $(window).height();
$('#box').height( viewPortHeight - $('#wrapping').offset().top );