本节书摘来自异步社区《jQuery、jQuery UI及jQuery Mobile技巧与示例》一书中的第9章，第9.12节，作者：【荷】Adriaan de Jonge , 【美】Phil Dutson著，更多章节内容可以访问云栖社区“异步社区”公众号查看

9.12　技巧：跨页面时固定footer

点击链接时，在页面发生变化期间会触发动画。有些情形下你并不想让footer成为动画的一部分。代码清单9-14演示了当链接至别的页面时如何将footer保持在同一个地方。

代码清单9-14　当页面发生变化时固定footer

00  01  02  03　　 04　　
     06　　
    08　　11　　14 15  16  17 
    
     18 19　　 
     
      20　　　　
      
First
21　　 
     
22 23　　 
     
      　24　　　　
      
Go to the second page
　　25　　 
     
26 27　　 
     
      28　　　　
      
First page
29　　 
     
30　　　31 
    
32 
    
     33 34　 
     
      35　　 
      
Second
36　 
     
37 38　 
     
      　39　　　　
      
Content
40　　　　
      
More text
41　　　　42　 
     
43　 
     
      44　　　　
      
Second page
45　 
     
46　 47 
    
48 49 50 

第27行和第43行都包含了data-position="fixed"属性。点击链接时，你看到了header和content区域的动画，但footer保持固定。但是你的确看到footer的内容发生了变化。