《jQuery、jQuery UI及jQuery Mobile技巧與示例》——9.13 技巧：将footer的位置保持固定

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第9章，第9.13節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

在1.1之前的jquery mobile版本，滾動頁面時，footer會暫時消失，停止滾動後又會顯現。在引進1.1版本之後，header和footer停留在頁面的頂部和底部。然而，如果header和footer可以保持在同一個位置而隻是内容區域在滾動，那将會更加優美。這樣固定工具欄（fixed toolbar）就開始被使用了。代碼清單9-15示範了如何使用固定工具欄。

代碼清單9-15　滾動文本而不移動footer的位置

第16行和第17行確定了header和footer在螢幕的頂部和底部，而不是content的頂部和底部。第17行設定touchoverflowenabled為true1。這行語句将可滾動區域限制為頁面的content部分。