Question

我正在使用meteor作为一个快速网站，我正在尝试使这个div'#box'适合视口，然后将顶部切掉'#wrapping'。但所有这些方法都出错或者它们填满整个页面而不仅仅是页面大小......所以它的高度与视口高度一样高但是你可以滚动到下一页，（我正在做一个页面设计）：）

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

Answer 1

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

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

我们需要'#box'和'#wrapping'周围的括号，您需要viewPortHeight以外的用户Math.viewPortHeight（因为Math中没有此类属性} object）：

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

这里还有一些问题。在jQuery中，当您指定height之类的属性时，您会像.height(newValue)那样执行此操作并获得高度.height()：

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

您在代码中执行的操作是：$(...).height() = ... ;不是赋值，这就是您出错的原因。所以你想要像上面的例子那样做：

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