如何在最后打印页面的底部添加页脚

时间:2017-09-06 13:07:54

标签: css html5 pdf printing

我正在创建一个基于网络的结算系统,我必须生成多页的帐单pdf。

问题是:我想在最后一个打印页面的底部打印页脚。

#footer{
  position: fixed;
  bottom: 0px;
  width:100%;
}

此代码在每个页面上打印页脚,但我只想在最后一页上打印。

2 个答案:

答案 0 :(得分:0)

将课程添加到最后一页,例如.last_page

然后我想:



.last_page #footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
}




答案 1 :(得分:0)

将其添加到您的样式表中,看看它是否对您有所帮助:

$(document).ready(function(){

 var streams = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
 var name = [];
 var cLogo =[];

  for (var j = 0; j < streams.length; j++) { 
    $.getJSON("https://api.twitch.tv/kraken/users/" + streams[j]+"?client_id=z4tearbiduwua797pngirp8texyqik",function(c){
   name[j] = c.display_name;
   cLogo[j] = c.logo;
     if(cLogo[j]==null){
 cLogo[i]="http://www.freeiconspng.com/uploads/no-image-icon-32.png";
    }

 $('#name').append('<div><p>'+name[j]+'</p></div>'); 
 $('#logo').append("<div><img src='"+cLogo[j]+"'></div>");
   });            
    };
});

参考:html footer at last page