隱藏報頭和/或頁腳時沒有滾動條是本

在jQuery Mobile的文檔，我發現了以下的代碼：隱藏報頭和/或頁腳時沒有滾動條是本

$("[data-position='fixed']").fixedtoolbar('show'); 
$("[data-position='fixed']").fixedtoolbar('hide'); 
$("[data-position='fixed']").fixedtoolbar('toggle')

這樣做的目的是要麼隱藏或顯示的報頭和/或頁腳頁面。

經過一些測試和試驗後，我發現只有當頁面上的內容足夠大才能在頁面上獲得垂直滾動條時，此代碼纔有效。

對於我的項目，我需要能夠隱藏和/或顯示沒有滾動條的頁面的頁眉和頁腳（無論是因爲沒有足夠的內容，還是因爲自定義滾動條插件）。是否有人知道如何實現這一點，使用最少的額外的CSS/JavaScript？謝謝。

來源

2012-10-04 Bram W.

你的頁面內容的最小高度設置爲高度什麼窗口+頁腳和頁眉的高度？ – Romain

 $("div:jqmData(role='footer')").show(); 
    $("div:jqmData(role='footer')").hide();

或者乾脆用腳註的標識和使用.show（）或.hide（）

希望它幫助

來源

2012-10-04 21:15:22 Aravind

+1非常簡單，乾淨和工作的解決方案。但是，當我隱藏標題時，它所需的空間仍然保留，而我希望內容填充此空間。 –

@布拉姆W.是它似乎夾在基地，我試過其他的解決方案，但似乎沒有工作正常，但你可以使用.remove（）去除所有的html部分。在這裏，你可以做的是獲得頁腳的html內容並將其存儲在一個變量中，然後爲footerHide和footerShow編寫兩個函數，在footerShow中可以追加hmtl並執行觸發器updatelayout併爲footerHide使用remove命令刪除頁腳html，這不是一個合適的解決方案，因爲你將不得不處理頁面刷新和其他可能出現的問題。 – Aravind

隱藏報頭和/或頁腳時沒有滾動條是本

回答

相關問題