小编Ruc*_*chi的帖子

我有一个容器div,其中包含四个div:

<div id="container">
    <div id="top"> this is top div</div>
    <div id="middle1"> this is middle1 div</div>
    <div id="middle2"> this is middle2 div</div>
    <div id="footer"> this is top div</div>
</div>

当我打印这个HTML时,我想将页脚div只放在我打印的最后一页的底部.

这是我的媒体查询:

@media print {
    #container{
        position:relative;
    }
    .middle1{
        display:inline-block;
    }
    .middle2{
        display:inline;
    }
    #footer{
        position:fixed;
        bottom:0;  
    }            
}

但这会将页脚div放在每页的底部.我只想在div最后一页的底部显示页脚.

我的 js 文件中有以下代码：

var configNews = {
    url:_spPageContextInfo.webAbsoluteUrl,
    newsLibrary: 'DEMONews',
    listId: ''
};

// Getting the ListID
$.ajax({
    url: configNews.url + "/_api/web/lists/getbytitle('" + configNews.newsLibrary + "')?$select=Id",
    method: "GET",
    headers: { "Accept": "application/json; odata=verbose" },
    success: function (data) {
        // Returning the results
        configNews.listId = data.d.Id;
    },
    error: function (data) {
        alert(data);
    }
});

但是我收到以下错误：ReferenceError: _spPageContextInfo is not defined 我不知道我错在哪里以及如何消除这个错误